pass isWaitlistRedirectEnabled from server side

Author: chad-syntax

src/app/(marketing)/roadmap/page.tsx

@@ -4,6 +4,7 @@ import { GetRoadmapItemsResult } from '@/lib/RoadmapService';
 import { AgentsmithServices } from '@/lib/AgentsmithServices';
 import { AuthProvider } from '@/providers/auth';
 import { Suspense } from 'react';
+import { IS_WAITLIST_REDIRECT_ENABLED } from '@/app/constants';
 
 export const revalidate = 43200;
 
@@ -22,7 +23,10 @@ export default async function RoadmapServerPage() {
   return (
     <Suspense>
       <AuthProvider>
-        <RoadmapPage initialRoadmapItems={initialRoadmapItems} />
+        <RoadmapPage
+          initialRoadmapItems={initialRoadmapItems}
+          isWaitlistRedirectEnabled={IS_WAITLIST_REDIRECT_ENABLED}
+        />
       </AuthProvider>
     </Suspense>
   );

src/components/roadmap/propose-cta.tsx

@@ -5,19 +5,19 @@ import { toast } from 'sonner';
 import { useAuth } from '@/providers/auth';
 import { routes } from '@/utils/routes';
 import { cn } from '@/utils/shadcn';
-import { IS_WAITLIST_REDIRECT_ENABLED } from '@/app/constants';
 
 type RoadmapProposeCtaProps = {
   setIsProposeModalOpen: (isOpen: boolean) => void;
+  isWaitlistRedirectEnabled: boolean;
   className?: string;
 };
 
 export const RoadmapProposeCta = (props: RoadmapProposeCtaProps) => {
-  const { setIsProposeModalOpen, className } = props;
+  const { setIsProposeModalOpen, className, isWaitlistRedirectEnabled } = props;
   const { isLoading, agentsmithUser } = useAuth();
 
   const currentUserId = agentsmithUser?.id;
-  const isWaitlisted = agentsmithUser?.studio_access === false && IS_WAITLIST_REDIRECT_ENABLED;
+  const isWaitlisted = agentsmithUser?.studio_access === false && isWaitlistRedirectEnabled;
 
   return isLoading ? (
     <Button disabled className={cn('gap-0', className)}>

src/page-components/RoadmapPage.tsx

@@ -36,10 +36,11 @@ type FilterStatus = 'ALL' | RoadmapStatus;
 
 type RoadmapPageProps = {
   initialRoadmapItems: GetRoadmapItemsResult;
+  isWaitlistRedirectEnabled: boolean;
 };
 
 export const RoadmapPage = (props: RoadmapPageProps) => {
-  const { initialRoadmapItems } = props;
+  const { initialRoadmapItems, isWaitlistRedirectEnabled } = props;
   const { agentsmithUser, isLoading: isAuthLoading } = useAuth();
   const searchParams = useSearchParams();
 
@@ -230,7 +231,10 @@ export const RoadmapPage = (props: RoadmapPageProps) => {
           </p>
         </div>
 
-        <RoadmapProposeCta setIsProposeModalOpen={setIsProposeModalOpen} />
+        <RoadmapProposeCta
+          setIsProposeModalOpen={setIsProposeModalOpen}
+          isWaitlistRedirectEnabled={isWaitlistRedirectEnabled}
+        />
       </div>
 
       <div className="flex flex-col lg:flex-row justify-between items-start md:items-center gap-4 mb-8 rounded-md">
@@ -304,7 +308,10 @@ export const RoadmapPage = (props: RoadmapPageProps) => {
           <p className="text-muted-foreground mb-6">
             Try adjusting your filters or suggest a new feature.
           </p>
-          <RoadmapProposeCta setIsProposeModalOpen={setIsProposeModalOpen} />
+          <RoadmapProposeCta
+            setIsProposeModalOpen={setIsProposeModalOpen}
+            isWaitlistRedirectEnabled={isWaitlistRedirectEnabled}
+          />
         </div>
       )}