register logic

frontend/app/providers/AuthProvider.tsx

@@ -0,0 +1,62 @@
+'use client'
+
+import { useSession } from 'next-auth/react'
+import { useEffect } from 'react'
+import useUserStore from '@/app/store/userStore'
+
+export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
+  const { data: session } = useSession()
+  const { setUser, setAuthenticated } = useUserStore()
+
+  useEffect(() => {
+    const fetchUserData = async () => {
+      if (!session?.accessToken) {
+        setUser(null)
+        setAuthenticated(false)
+        return
+      }
+
+      const API_URL = process.env.NEXT_PUBLIC_API_URL
+
+      try {
+        const response = await fetch(`${API_URL}/user/`, {
+          headers: {
+            Authorization: `Bearer ${session.accessToken}`,
+            'Content-Type': 'application/json',
+          },
+        })
+
+        if (!response.ok) {
+          const errorText = await response.text()
+          console.error('Error response:', errorText)
+          throw new Error(
+            `Error fetching user data: ${response.status} ${errorText}`
+          )
+        }
+
+        const userData = await response.json()
+
+        setUser({
+          id: userData.id,
+          uuid: userData.uuid,
+          name: userData.name || session.user.name || '',
+          surname: userData.surname || '',
+          email: userData.email || session.user.email || '',
+          phone_number: userData.phone_number,
+          image: userData.image,
+          country: userData.country,
+          city: userData.city,
+          plan: userData.plan,
+          account_type: userData.account_type,
+        })
+        setAuthenticated(true)
+      } catch (error) {
+        console.error('Error in fetchUserData:', error)
+      }
+    }
+
+    fetchUserData()
+  }, [session, setUser, setAuthenticated])
+
+  return <>{children}</>
+}

frontend/app/providers/Providers.tsx

@@ -0,0 +1,17 @@
+'use client'
+
+import { SessionProvider } from 'next-auth/react'
+import { AuthProvider } from './AuthProvider'
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <SessionProvider
+      refetchInterval={0}
+      refetchOnWindowFocus={false}
+      refetchWhenOffline={false}
+      basePath="/api/auth"
+    >
+      <AuthProvider>{children}</AuthProvider>
+    </SessionProvider>
+  )
+}