diff --git a/pages/soumet.js b/pages/soumet.js
index b9b3442..453b89a 100644
--- a/pages/soumet.js
+++ b/pages/soumet.js
@@ -1,16 +1,33 @@
-import {useState, useEffect} from 'react'
+import {useState, useEffect, forwardRef} from 'react'
import {useSession} from 'next-auth/react'
+import MuiAlert from '@mui/material/Alert'
+import Snackbar from '@mui/material/Snackbar'
import HeadLayout from '../components/head-layout'
import Koneksyon from '../components/sesyon/koneksyon'
import Dekoneksyon from '../components/sesyon/dekoneksyon'
import EkriTeks from '../components/soumet/ekri-teks'
-import {jwennTeksEpiUserId} from '../lib/oki-api'
+import {jwennTeksEpiUserId, jwennUser} from '../lib/oki-api'
+
+const Alert = forwardRef(function Alert(props, ref) {
+ return
+})
export default function Soumet() {
const {data: session} = useSession()
const [teksEpiUserId, setTeksEpiUserId] = useState([])
+ const [userId, setUserId] = useState(null)
+ const [username, setUsername] = useState(null)
+ const [open, setOpen] = useState(true)
+
+ const handleClose = (event, reason) => {
+ if (reason === 'clickaway') {
+ return
+ }
+
+ setOpen(false)
+ }
useEffect(() => {
if (session && session.user) {
@@ -24,12 +41,34 @@ export default function Soumet() {
}
}, [session])
+ useEffect(() => {
+ if (localStorage.getItem('user-id')) {
+ const userId = localStorage.getItem('user-id')
+ setUserId(userId)
+ }
+ }, [])
+
+ useEffect(() => {
+ if (userId) {
+ const getUsername = async id => {
+ const user = await jwennUser(id)
+ setUsername(user?.username)
+ }
+
+ getUsername(userId)
+ }
+ }, [userId])
+
+ useEffect(() => {
+ if (username && localStorage.getItem('user-id')) {
+ localStorage.removeItem('user-id')
+ }
+ }, [username])
+
return (
{!session && (
)}
@@ -42,6 +81,15 @@ export default function Soumet() {
{session && !session.user && (
)}
+ {username && (
+
+ Bonjour {username}, votre compte a été activé avec succès. Vous pouvez vous connecter.
+
+ )}
)
}