Change localStorage to username

components/sesyon/koneksyon.js

@@ -102,7 +102,7 @@ function Koneksyon({chimen}) {
           'content-type': 'application/json'
         }
       })
-      localStorage.setItem('user-id', response?.data?.user?.id)
+      localStorage.setItem('username', `${response?.data?.user?.username}`)
       setSuccess(true)
       resetRegisterForm()
     } catch (error_) {

lib/oki-api.js

@@ -76,8 +76,17 @@ export async function jwennKomanteEpiTeksId(teksId) {
   return response.data
 }
 
-export async function jwennUser(userId) {
+export async function jwennUserEpiToken(userToken) {
-  const query = `_where[id]=${userId}&_where[confirmed]=true&_where[blocked]=false`
+  const response = await axios.get(`${OKI_API}/users/me`, {
+    headers: {
+      Authorization: `Bearer ${userToken}`
+    }
+  })
+  return response.data
+}
+
+export async function jwennUserEpiUsername(username) {
+  const query = `_where[username]=${username}&_where[confirmed]=true`
   const response = await axios.get(`${OKI_API}/users?${query}`)
   return response.data[0]
 }

pages/soumet.js

@@ -11,7 +11,7 @@ import Dekoneksyon from '../components/sesyon/dekoneksyon'
 import EkriTeks from '../components/soumet/ekri-teks'
 import Footer from '../components/footer'
 
-import {jwennUser} from '../lib/oki-api'
+import {jwennUserEpiToken, jwennUserEpiUsername} from '../lib/oki-api'
 import NewPassword from '../components/password/new-password'
 import ChwaTeks from '../components/soumet/chwa-teks'
 
@@ -21,7 +21,7 @@ const Alert = forwardRef(function Alert(props, ref) {
 
 export default function Soumet({code}) {
   const {data: session} = useSession()
-  const [userId, setUserId] = useState(null)
+  const [localUsername, setLocalUsername] = useState(null)
   const [username, setUsername] = useState(null)
   const [open, setOpen] = useState(true)
   const [selectedTeks, setSelectedTeks] = useState(null)
@@ -36,37 +36,37 @@ export default function Soumet({code}) {
   }
 
   useEffect(() => {
-    if (session?.user) {
+    if (session?.jwt) {
-      const getUser = async id => {
+      const getUser = async token => {
-        const user = await jwennUser(id)
+        const user = await jwennUserEpiToken(token)
         setCanAutoTranslate(user.canAutoTranslate)
       }
 
-      getUser(session.user.id)
+      getUser(session.jwt)
     }
   })
 
   useEffect(() => {
-    if (localStorage.getItem('user-id')) {
+    if (localStorage.getItem('username')) {
-      const userId = localStorage.getItem('user-id')
+      const username = localStorage.getItem('username')
-      setUserId(userId)
+      setLocalUsername(username)
     }
   }, [])
 
   useEffect(() => {
-    if (userId) {
+    if (localUsername) {
-      const getUsername = async id => {
+      const getUser = async username => {
-        const user = await jwennUser(id)
+        const user = await jwennUserEpiUsername(username)
         setUsername(user?.username)
       }
 
-      getUsername(userId)
+      getUser(localUsername)
     }
-  }, [userId])
+  }, [localUsername])
 
   useEffect(() => {
-    if (username && localStorage.getItem('user-id')) {
+    if (username && localStorage.getItem('username')) {
-      localStorage.removeItem('user-id')
+      localStorage.removeItem('username')
     }
   }, [username])