Update auth-provider.tsx (#248)

#212

Author: soldev00

components/providers/auth-provider.tsx

@@ -13,9 +13,9 @@ export function AuthProvider({ children }: AuthProviderProps) {
   const { isAuthenticated, accessToken, refreshUser, clearAuth } =
     useAuthStore();
 
-  // Handle store hydration
+
   useEffect(() => {
-    // Check if already hydrated
+    
     if (useAuthStore.persist.hasHydrated()) {
       setIsHydrated(true);
       return;
@@ -25,7 +25,7 @@ export function AuthProvider({ children }: AuthProviderProps) {
       setIsHydrated(true);
     });
 
-    // Fallback timeout to prevent infinite loading
+
     const timeout = setTimeout(() => {
       setIsHydrated(true);
     }, 2000);
@@ -36,21 +36,21 @@ export function AuthProvider({ children }: AuthProviderProps) {
     };
   }, []);
 
-  // Initialize auth state on mount
+ 
   useEffect(() => {
     if (!isHydrated) return;
 
     const initializeAuth = async () => {
       try {
-        // If we have a token but no user data, try to refresh
+       
         if (accessToken && isAuthenticated) {
           await refreshUser();
         } else if (accessToken) {
-          // Try to refresh user data to validate token
+        
           try {
             await refreshUser();
           } catch {
-            // If refresh fails, clear auth data
+          
             clearAuth();
           }
         }
@@ -62,15 +62,15 @@ export function AuthProvider({ children }: AuthProviderProps) {
     initializeAuth();
   }, [isHydrated, accessToken, isAuthenticated, refreshUser, clearAuth]);
 
-  // Show loading state while hydrating
+ 
   if (!isHydrated) {
     return <Loading />;
   }
 
   return <>{children}</>;
 }
 
-// Hook to check if auth is hydrated
+
 export function useAuthHydration() {
   const [isHydrated, setIsHydrated] = useState(false);
 
@@ -85,7 +85,6 @@ export function useAuthHydration() {
   return isHydrated;
 }
 
-// Component to show loading while auth is initializing
 export function AuthLoadingProvider({
   children,
 }: {