website refactor

apps/website/components/sponsors/useSponsorMode.ts

@@ -0,0 +1,29 @@
+import { useAuth } from '@/lib/auth/AuthContext';
+import React from 'react';
+
+export function useSponsorMode(): boolean {
+  const { session } = useAuth();
+  const [isSponsor, setIsSponsor] = React.useState(false);
+  
+  React.useEffect(() => {
+    if (!session) {
+      setIsSponsor(false);
+      return;
+    }
+
+    // Check session.role for sponsor
+    const role = session.role;
+    if (role === 'sponsor') {
+      setIsSponsor(true);
+      return;
+    }
+
+    // Fallback: check email patterns
+    const email = session.email?.toLowerCase() || '';
+    const displayName = session.displayName?.toLowerCase() || '';
+    
+    setIsSponsor(email.includes('sponsor') || displayName.includes('sponsor'));
+  }, [session]);
+  
+  return isSponsor;
+}