Merge pull request #6 from frckbrice/fix/authentication-flow-improvements

🔧 Fix authentication flow and collaborator management

Author: frckbrice

.gitignore

@@ -39,4 +39,7 @@ next-env.d.ts
 certificates
 scripts/
 
-tsconfig.tsbuildinfo
+tsconfig.tsbuildinfo
+AUTH_QUICK_REFERENCE.md
+AUTHENTICATION_TROUBLESHOOTING.md
+src/app/api/debug.ts

public/robots.txt

@@ -1,3 +1,3 @@
 User-agent: *
 Allow: /
-Sitemap: https://av-market-place.vercel.app/sitemap.xml 
+Sitemap: https://collaborative-platform-sepia.vercel.app/sitemap.xml 

public/sitemap.xml

@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
-    <loc>https://av-market-place.vercel.app/</loc>
+    <loc>https://collaborative-platform-sepia.vercel.app/</loc>
     <priority>1.0</priority>
   </url>
   <url>
-    <loc>https://av-market-place.vercel.app/dashboard</loc>
+    <loc>https://collaborative-platform-sepia.vercel.app/dashboard</loc>
     <priority>0.8</priority>
   </url>
 </urlset> 

src/app/(auth)/error/page.tsx

@@ -1,20 +1,18 @@
-import type { Metadata } from 'next';
-import ErrorCard from '@/components/ui/ErrorCard';
+// app/auth/auth-code-error/page.jsx
+import Link from 'next/link';
 
-export const metadata: Metadata = {
-  title: 'Error | avom-brice realtime collaborative app',
-  icons: {
-    icon: '/favicon.ico',
-  },
-};
-
-export default function AuthErrorPage() {
+export default function AuthCodeError() {
   return (
-    <ErrorCard
-      title="Authentication Error"
-      description="Something went wrong during authentication. Please try again or contact support."
-      actionHref="/"
-      actionLabel="Back to Home"
-    />
+    <div className="flex flex-col items-center justify-center min-h-screen p-4">
+      <div className="w-full max-w-md p-8 space-y-8 bg-white rounded-lg shadow-md text-center">
+        <h1 className="text-2xl font-bold text-red-600">Authentication Error</h1>
+        <p className="mt-2">We encountered a problem with your authentication.</p>
+        <div className="mt-6">
+          <Link href="/login" className="text-blue-600 hover:underline">
+            Go back to login
+          </Link>
+        </div>
+      </div>
+    </div>
   );
 }

src/app/(auth)/login/page.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next';
-import LoginPage from '@/components/features/auth';
+import { Login } from '@/components/features/auth';
 
 export const metadata: Metadata = {
   title: 'Login | avom-brice realtime collaborative app',
@@ -8,4 +8,4 @@ export const metadata: Metadata = {
   },
 };
 
-export default LoginPage;
+export default Login;

src/app/(main)/dashboard/[workspaceId]/[folderId]/[fileId]/page.tsx

@@ -6,7 +6,7 @@ import {
   getFolderDetails,
   getWorkspaceDetails,
 } from '@/lib/supabase/queries';
-import { verifyUserAuth, checkWorkspaceAccess, safeRedirect } from '@/lib/utils/auth-utils';
+import { verifyUserAuth, checkWorkspaceAccess, safeRedirect } from '@/utils/auth-utils';
 import AppStateProvider from '@/lib/providers/state-provider';
 import { File, Folder, workspace } from '@/lib/supabase/supabase.types';
 import QuillWrapper from '@/components/features/main/quill-editor/quill-wrapper';

src/app/(main)/dashboard/[workspaceId]/[folderId]/page.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import QuillEditor from '@/components/features/main/quill-editor';
 import { getFolderDetails, getWorkspaceDetails } from '@/lib/supabase/queries';
-import { verifyUserAuth, checkWorkspaceAccess, safeRedirect } from '@/lib/utils/auth-utils';
+import { verifyUserAuth, checkWorkspaceAccess, safeRedirect } from '@/utils/auth-utils';
 import AppStateProvider from '@/lib/providers/state-provider';
 import { Folder, workspace } from '@/lib/supabase/supabase.types';
 import QuillWrapper from '@/components/features/main/quill-editor/quill-wrapper';

src/app/(main)/dashboard/[workspaceId]/page.tsx

@@ -7,7 +7,7 @@ import {
   checkWorkspaceAccess,
   safeRedirect,
   getUserPrimaryWorkspace,
-} from '@/lib/utils/auth-utils';
+} from '@/utils/auth-utils';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { AlertCircle, ArrowLeft, Home, Plus } from 'lucide-react';

src/app/(main)/dashboard/layout.tsx

@@ -1,6 +1,7 @@
 import { SubscriptionModalProvider } from '@/lib/providers/subscription-modal-provider';
 import { getActiveProductsWithPrice } from '@/lib/supabase/queries';
 import React from 'react';
+import { logger } from '@/utils/logger';
 
 interface LayoutProps {
   children: React.ReactNode;
@@ -15,14 +16,22 @@ const Layout: React.FC<LayoutProps> = async ({ children, params }) => {
 
     // Handle both error cases: explicit error or null/undefined data
     if (result.error || !result.data) {
-      console.error('error get active product from layout: ', result.error || 'No data returned');
+      logger.error('error get active product from layout: ', result.error || 'No data returned');
       // Use empty products array as fallback
       products = [];
     } else {
       products = result.data || [];
     }
+
+    // Debug products loading
+    logger.info('Dashboard Layout - Products loaded:', {
+      productsCount: products.length,
+      products: products.map((p) => ({ id: p.id, name: p.name, pricesCount: p.prices?.length })),
+      hasError: !!result.error,
+      error: result.error,
+    });
   } catch (error) {
-    console.error('Unexpected error getting products:', error);
+    logger.error('Unexpected error getting products:', error);
     // Use empty products array as fallback
     products = [];
   }

src/app/(main)/dashboard/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { verifyUserAuth, getUserPrimaryWorkspace, safeRedirect } from '@/lib/utils/auth-utils';
+import { verifyUserAuth, getUserPrimaryWorkspace, safeRedirect } from '@/utils/auth-utils';
 import {
   getUserSubscriptionStatus,
   getPrivateWorkspaces,