fix(portal): fixed the issue that the Posthog didn't identify people on the portal (#1668)

Co-authored-by: chasprowebdev <chasgarciaprowebdev@gmail.com>
Co-authored-by: Mariano Fuentes <marfuen98@gmail.com>

Author: 3 people

apps/portal/src/app/layout.tsx

@@ -1,10 +1,12 @@
 import { env } from '@/env.mjs';
+import { auth } from '@/app/lib/auth';
 import { initializeServer } from '@comp/analytics/server';
 import { cn } from '@comp/ui/cn';
 import '@comp/ui/globals.css';
 import { GeistMono } from 'geist/font/mono';
 import type { Metadata } from 'next';
 import localFont from 'next/font/local';
+import { headers } from 'next/headers';
 import { NuqsAdapter } from 'nuqs/adapters/next/app';
 import { Suspense } from 'react';
 import { Toaster } from 'sonner';
@@ -81,6 +83,10 @@ if (env.NEXT_PUBLIC_POSTHOG_KEY && env.NEXT_PUBLIC_POSTHOG_HOST) {
 export default async function Layout(props: { children: React.ReactNode }) {
   const { children } = props;
 
+  const session = await auth.api.getSession({
+    headers: await headers(),
+  });
+
   return (
     <html lang="en" suppressHydrationWarning>
       <body
@@ -91,7 +97,7 @@ export default async function Layout(props: { children: React.ReactNode }) {
       >
         <Suspense>
           <NuqsAdapter>
-            <Providers>
+            <Providers session={session}>
               <main>{children}</main>
             </Providers>
           </NuqsAdapter>

apps/portal/src/app/providers.tsx

@@ -1,17 +1,27 @@
 'use client';
 
 import { AnalyticsProvider } from '@comp/analytics';
+import { Session, User } from 'better-auth';
 import { ThemeProvider } from 'next-themes';
 import type { ReactNode } from 'react';
 
 type ProviderProps = {
   children: ReactNode;
+  session: {
+    session: Session | null;
+    user: User | null;
+  } | null;
 };
 
-export function Providers({ children }: ProviderProps) {
+export function Providers({ children, session }: ProviderProps) {
   return (
     <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
-      <AnalyticsProvider>{children}</AnalyticsProvider>
+      <AnalyticsProvider
+        userId={session?.user?.id ?? undefined}
+        userEmail={session?.user?.email ?? undefined}
+      >
+        {children}
+      </AnalyticsProvider>
     </ThemeProvider>
   );
 }