From bb7f823736a0fc0f0c72e72c3eeaaa53172df5c9 Mon Sep 17 00:00:00 2001
From: Alejandro Gil <alejandro@alejandrogil.net>
Date: Thu, 5 Feb 2026 12:22:52 -0800
Subject: [PATCH] fix(menu): update success message for unified publish flow

Update the menu success state to reflect that discovery is now automatic:
- Change message from "Next, let's make your restaurant discoverable"
  to "Your restaurant is now discoverable"
- Replace "Go to Get Discovered" button with "View Discovery Page"
  (opens the published URL) and "Go to Account" buttons
- Show discovery page link when URL is available

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 client/src/pages/Menu.tsx | 43 ++++++++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/Menu.tsx b/client/src/pages/Menu.tsx
index ae2e9a1..0076a5d 100644
--- a/client/src/pages/Menu.tsx
+++ b/client/src/pages/Menu.tsx
@@ -2,7 +2,7 @@ import { useEffect, useMemo, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { Button } from "@/components/ui/button";
 import { PublicationPreview } from "@/components/PublicationPreview";
-import { Store, FileSpreadsheet, ArrowRight, Check, RefreshCw, AlertCircle, Loader2, Mail } from "lucide-react";
+import { Store, FileSpreadsheet, ArrowRight, Check, RefreshCw, AlertCircle, Loader2, Mail, ExternalLink } from "lucide-react";
 import { buildSquareAuthorizeUrl } from "@/lib/square/auth";
 import {
   fetchSquareStatus,
@@ -91,6 +91,7 @@ export function MenuPage(): JSX.Element {
   }));
   const setMenuPublished = useOnboardingProgress((state) => state.setMenuPublished);
   const setDiscoveryPageUrl = useOnboardingProgress((state) => state.setDiscoveryPageUrl);
+  const discoveryPageUrl = useOnboardingProgress((state) => state.discoveryPageUrl);
   const profilePublished = useOnboardingProgress((state) => state.profilePublished);
 
   const location = useLocation();
@@ -665,16 +666,38 @@ export function MenuPage(): JSX.Element {
             <div className="flex-1">
               <p className="font-medium text-emerald-700">Your menu is now live!</p>
               <p className="mt-1 text-sm text-emerald-600">
-                Next, let's make your restaurant discoverable by AI assistants.
+                Your restaurant is now discoverable by AI assistants.
               </p>
-              <Button
-                onClick={() => navigate("/app/website")}
-                className="mt-4"
-                variant="default"
-              >
-                Go to Get Discovered
-                <ArrowRight className="ml-2 h-4 w-4" />
-              </Button>
+              {discoveryPageUrl && (
+                <div className="mt-3 flex flex-wrap gap-2">
+                  <Button
+                    onClick={() => window.open(discoveryPageUrl, "_blank")}
+                    variant="default"
+                    size="sm"
+                  >
+                    <ExternalLink className="mr-2 h-4 w-4" />
+                    View Discovery Page
+                  </Button>
+                  <Button
+                    onClick={() => navigate("/app/settings")}
+                    variant="outline"
+                    size="sm"
+                  >
+                    Go to Account
+                    <ArrowRight className="ml-2 h-4 w-4" />
+                  </Button>
+                </div>
+              )}
+              {!discoveryPageUrl && (
+                <Button
+                  onClick={() => navigate("/app/settings")}
+                  className="mt-4"
+                  variant="default"
+                >
+                  Go to Account
+                  <ArrowRight className="ml-2 h-4 w-4" />
+                </Button>
+              )}
             </div>
           </div>
         </section>