From 1241f5092ebc45caf1295177153fa2983725051e Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Fri, 23 Jan 2026 20:24:43 +0100
Subject: [PATCH] Remove Google helper badge in checkout auth

---
 .../marketing/checkout/steps/AuthStep.tsx     | 66 +++++--------------
 1 file changed, 16 insertions(+), 50 deletions(-)

diff --git a/resources/js/pages/marketing/checkout/steps/AuthStep.tsx b/resources/js/pages/marketing/checkout/steps/AuthStep.tsx
index 6a99447..340db59 100644
--- a/resources/js/pages/marketing/checkout/steps/AuthStep.tsx
+++ b/resources/js/pages/marketing/checkout/steps/AuthStep.tsx
@@ -8,9 +8,7 @@ import LoginForm, { AuthUserPayload } from "../../../auth/LoginForm";
 import RegisterForm, { RegisterSuccessPayload } from "../../../auth/RegisterForm";
 import { Trans, useTranslation } from 'react-i18next';
 import toast from 'react-hot-toast';
-import { ChevronDown, LoaderCircle } from "lucide-react";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
-import { cn } from "@/lib/utils";
+import { LoaderCircle } from "lucide-react";
 
 interface AuthStepProps {
   privacyHtml: string;
@@ -64,7 +62,6 @@ export const AuthStep: React.FC<AuthStepProps> = ({ privacyHtml, prefill, onClea
   const [mode, setMode] = useState<'login' | 'register'>('register');
   const [isRedirectingToGoogle, setIsRedirectingToGoogle] = useState(false);
   const [isRedirectingToFacebook, setIsRedirectingToFacebook] = useState(false);
-  const [showGoogleHelper, setShowGoogleHelper] = useState(false);
   const showOauthControls = mode === 'register';
   const authErrorTitle = facebookAuth?.error
     ? t('checkout.auth_step.facebook_error_title')
@@ -96,16 +93,6 @@ export const AuthStep: React.FC<AuthStepProps> = ({ privacyHtml, prefill, onClea
     }
   }, [facebookAuth?.error]);
 
-  useEffect(() => {
-    if (mode !== 'login') {
-      return;
-    }
-
-    if (showGoogleHelper) {
-      setShowGoogleHelper(false);
-    }
-  }, [mode, showGoogleHelper]);
-
   const handleLoginSuccess = (payload: AuthUserPayload | null) => {
     if (!payload) {
       return;
@@ -194,7 +181,7 @@ export const AuthStep: React.FC<AuthStepProps> = ({ privacyHtml, prefill, onClea
 
   return (
     <div className="space-y-6">
-      <Collapsible open={showGoogleHelper} onOpenChange={setShowGoogleHelper} className="w-full space-y-2">
+      <div className="space-y-2">
         <div className="flex flex-wrap items-center gap-2">
           <Button
             variant={mode === 'register' ? 'default' : 'outline'}
@@ -210,33 +197,19 @@ export const AuthStep: React.FC<AuthStepProps> = ({ privacyHtml, prefill, onClea
           </Button>
           {showOauthControls && (
             <div className="flex flex-1 flex-wrap items-center gap-2 sm:flex-none">
-              <div className="flex items-center gap-2">
-                <Button
-                  variant="outline"
-                  onClick={handleGoogleLogin}
-                  disabled={isRedirectingToGoogle}
-                  className="flex items-center gap-2"
-                >
-                  {isRedirectingToGoogle ? (
-                    <LoaderCircle className="h-4 w-4 animate-spin" />
-                  ) : (
-                    <GoogleIcon className="h-4 w-4" />
-                  )}
-                  {t('checkout.auth_step.continue_with_google')}
-                </Button>
-                <CollapsibleTrigger asChild>
-                  <button
-                    type="button"
-                    className={cn(
-                      "inline-flex items-center gap-1 rounded-full border border-muted-foreground/30 px-3 py-1 text-xs font-medium text-muted-foreground transition hover:border-muted-foreground/60 hover:text-foreground",
-                      showGoogleHelper && "bg-muted/60 text-foreground"
-                    )}
-                  >
-                    {t('checkout.auth_step.google_helper_badge')}
-                    <ChevronDown className={cn("h-3 w-3 transition-transform", showGoogleHelper && "rotate-180")} />
-                  </button>
-                </CollapsibleTrigger>
-              </div>
+              <Button
+                variant="outline"
+                onClick={handleGoogleLogin}
+                disabled={isRedirectingToGoogle}
+                className="flex items-center gap-2"
+              >
+                {isRedirectingToGoogle ? (
+                  <LoaderCircle className="h-4 w-4 animate-spin" />
+                ) : (
+                  <GoogleIcon className="h-4 w-4" />
+                )}
+                {t('checkout.auth_step.continue_with_google')}
+              </Button>
               <Button
                 variant="outline"
                 onClick={handleFacebookLogin}
@@ -253,14 +226,7 @@ export const AuthStep: React.FC<AuthStepProps> = ({ privacyHtml, prefill, onClea
             </div>
           )}
         </div>
-        {showOauthControls && (
-          <CollapsibleContent>
-            <Alert className="border-dashed border-muted/60 bg-muted/20 text-xs sm:text-sm">
-              <AlertDescription>{t('checkout.auth_step.google_helper')}</AlertDescription>
-            </Alert>
-          </CollapsibleContent>
-        )}
-      </Collapsible>
+      </div>
 
       {(googleAuth?.error || facebookAuth?.error) && (
         <Alert variant="destructive">