Update Zapier theme to dark and improve email prop handling

Author: arjunkomath

apps/web/components/marketing/features.tsx

@@ -135,7 +135,7 @@ export default function Features() {
       <div className="mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8">
         <zapier-workflow
           client-id="rnKv828fHE7sPhcZdGhwqWbIsJkOfhUEh2RAHQw4"
-          theme="auto"
+          theme="dark"
           intro-copy-display="show"
           guess-zap-display="show"
           zap-create-from-scratch-display="show"

apps/web/pages/integrations/zapier.tsx

@@ -9,11 +9,11 @@ export async function getServerSideProps(ctx: GetServerSidePropsContext) {
   const { user } = await getSupabaseServerClient(ctx);
 
   return {
-    props: { email: user.email },
+    props: { email: user?.email },
   };
 }
 
-export default function Zapier({ email }: { email: string }) {
+export default function Zapier({ email }: { email?: string }) {
   return (
     <div className="h-full bg-gray-100 dark:bg-gray-800">
       <HeaderComponent />

apps/web/utils/useDatabase.ts

@@ -20,9 +20,13 @@ export const getUserById = async (user_id: string): Promise<IUser> => {
 
   return {
     ...user,
-    has_active_subscription: user.pro_gifted ? true : ["trialing", "active"].includes(
-      (user?.stripe_subscription as unknown as Stripe.Subscription)?.status
-    ),
+    has_active_subscription:
+      user.pro_gifted === true
+        ? true
+        : ["trialing", "active"].includes(
+            (user?.stripe_subscription as unknown as Stripe.Subscription)
+              ?.status
+          ),
   } as unknown as IUser;
 };