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. + + )} ) }