Use NewPassword to soumet

pages/soumet.js

@@ -1,4 +1,5 @@
 import {useState, useEffect, forwardRef} from 'react'
+import PropTypes from 'prop-types'
 import {useSession} from 'next-auth/react'
 import MuiAlert from '@mui/material/Alert'
 import Snackbar from '@mui/material/Snackbar'
@@ -9,12 +10,13 @@ import Dekoneksyon from '../components/sesyon/dekoneksyon'
 import EkriTeks from '../components/soumet/ekri-teks'
 
 import {jwennTeksEpiUserId, jwennUser} from '../lib/oki-api'
+import NewPassword from '../components/password/new-password'
 
 const Alert = forwardRef(function Alert(props, ref) {
   return <MuiAlert ref={ref} elevation={6} variant='filled' {...props} />
 })
 
-export default function Soumet() {
+export default function Soumet({code}) {
   const {data: session} = useSession()
   const [teksEpiUserId, setTeksEpiUserId] = useState([])
   const [userId, setUserId] = useState(null)
@@ -67,10 +69,15 @@ export default function Soumet() {
 
   return (
     <HeadLayout title='Soumèt - Soumettre un texte' tab={3} slug='soumet'>
+      {!session && !code && (
         <Koneksyon
           chimen='/soumet'
         />
       )}
+
+      {!session && code && (
+        <NewPassword code={code} />
+      )}
       {session && session.user && (
         <>
           <Dekoneksyon position='absolute' top={95} left={5} chimen='/soumet' />
@@ -92,3 +99,20 @@ export default function Soumet() {
     </HeadLayout>
   )
 }
+
+Soumet.defaultProps = {
+  code: null
+}
+
+Soumet.propTypes = {
+  code: PropTypes.string
+}
+
+export async function getServerSideProps({query}) {
+  const {code} = query
+  return {
+    props: {
+      code: code || null
+    }
+  }
+}