fix(app): remove Demo button on booking-step page (#1822)

Co-authored-by: chasprowebdev <[email protected]>

Author: github-actions[bot]

apps/app/src/app/(app)/upgrade/[orgId]/components/booking-step.tsx

@@ -1,46 +1,37 @@
 'use client';
 
-import { useState } from 'react';
-import { ArrowRight, Check, Copy } from 'lucide-react';
-import { toast } from 'sonner';
-import Link from 'next/link';
 import { Button } from '@comp/ui/button';
 import { Card } from '@comp/ui/card';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@comp/ui/tooltip';
+import { Check, Copy } from 'lucide-react';
+import { useState } from 'react';
+import { toast } from 'sonner';
 
 export function BookingStep({
-  email,
-  name,
   company,
   orgId,
-  complianceFrameworks,
   hasAccess,
 }: {
-  email: string;
-  name: string;
   company: string;
   orgId: string;
-  complianceFrameworks: string[];
   hasAccess: boolean;
 }) {
   const [isCopied, setIsCopied] = useState(false);
 
   const title = !hasAccess ? `Let's get ${company} approved` : 'Talk to us to upgrade';
 
   const description = !hasAccess
-    ? `A quick 20-minute call with our team to understand your compliance needs and approve your organization for access.`
+    ? `Please copy and share the Org ID below in your with your Customer Success Rep in Slack`
     : `A quick 20-minute call with our team to understand your compliance needs and upgrade your plan.`;
 
-  const cta = !hasAccess ? 'Book Your Demo' : 'Book a Call';
-
   const handleCopyOrgId = async () => {
     if (isCopied) return;
-    
+
     try {
       await navigator.clipboard.writeText(orgId);
       setIsCopied(true);
       toast.success('Org ID copied to clipboard');
-      
+
       // Reset after 3 seconds
       setTimeout(() => {
         setIsCopied(false);
@@ -74,7 +65,7 @@ export function BookingStep({
                     variant="outline"
                     className="text-xs rounded-tl-none rounded-bl-none"
                     onClick={handleCopyOrgId}
-                    aria-label={isCopied ? "Copied!" : "Copy Org ID"}
+                    aria-label={isCopied ? 'Copied!' : 'Copy Org ID'}
                   >
                     {isCopied ? (
                       <Check className="w-4 h-4 text-green-600 dark:text-green-400" />
@@ -84,31 +75,11 @@ export function BookingStep({
                   </Button>
                 </TooltipTrigger>
                 <TooltipContent>
-                  <p className="text-xs">{isCopied ? "Copied!" : "Copy Org ID"}</p>
+                  <p className="text-xs">{isCopied ? 'Copied!' : 'Copy Org ID'}</p>
                 </TooltipContent>
               </Tooltip>
             </TooltipProvider>
           </div>
-
-          {/* CTA Button */}
-          <div className="flex justify-center">
-            <Link
-              href={`https://trycomp.ai/demo?email=${email}&name=${name}&company=${company}&orgId=${orgId}&complianceFrameworks=${complianceFrameworks.join(',')}`}
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <Button size="lg" className="min-w-[200px]">
-                {cta} <ArrowRight className="w-4 h-4" />
-              </Button>
-            </Link>
-          </div>
-
-          {/* Already spoke to us section */}
-          <div className="border-gray-200 dark:border-gray-800">
-            <p className="text-center text-sm text-muted-foreground">
-              Already had a demo? Ask your point of contact to activate your account.
-            </p>
-          </div>
         </div>
       </Card>
     </div>

apps/app/src/app/(app)/upgrade/[orgId]/page.tsx

@@ -51,31 +51,11 @@ export default async function UpgradePage({ params }: PageProps) {
     redirect(`/${orgId}`);
   }
 
-  const frameworkInstances = await db.frameworkInstance.findMany({
-    where: {
-      organizationId: orgId,
-    },
-    include: {
-      framework: true,
-    },
-  });
-
-  const complianceFrameworks = frameworkInstances.map((framework) =>
-    framework.framework.name.toLowerCase().replaceAll(' ', ''),
-  );
-
   return (
     <>
       <UpgradePageTracking />
       <div className="mx-auto px-4 max-w-7xl my-auto min-h-[calc(100vh-10rem)] flex items-center justify-center">
-        <BookingStep
-          email={authSession.user.email}
-          name={authSession.user.name}
-          company={member.organization.name}
-          orgId={orgId}
-          complianceFrameworks={complianceFrameworks}
-          hasAccess={hasAccess}
-        />
+        <BookingStep company={member.organization.name} orgId={orgId} hasAccess={hasAccess} />
       </div>
     </>
   );