refactor: only show referral code if not sub

AmbossTech · Aug 26, 2024 · 7330207 · 7330207
1 parent 5d528a6
commit 7330207
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 13 deletions.
diff --git a/src/components/form/SignUpForm.tsx b/src/components/form/SignUpForm.tsx
@@ -42,6 +42,7 @@ export function SignUpForm() {
   const [view, setView] = useState<'waitlist' | 'sign-up'>(
     referralParam ? 'sign-up' : 'waitlist'
   );
+  const [subscriber, setSubscriber] = useState(false);
   const [step, setStep] = useState(0);
   const [loading, setLoading] = useState(true);
   const [showPassword, setShowPassword] = useState(false);
@@ -157,7 +158,7 @@ export function SignUpForm() {
   }, [client, toast]);
 
   return view === 'waitlist' ? (
-    <WaitlistForm setView={setView} />
+    <WaitlistForm setView={setView} setSubscriber={setSubscriber} />
   ) : (
     <form onSubmit={onSubmit} className="relative mx-auto my-10 max-w-96 px-4">
       {step > 0 ? (
@@ -199,18 +200,20 @@ export function SignUpForm() {
               />
             </div>
 
-            <div className="space-y-2">
-              <Label htmlFor="referralCode">{s('referral')}</Label>
+            {!subscriber ? (
+              <div className="space-y-2">
+                <Label htmlFor="referralCode">{s('referral')}</Label>
 
-              <Input
-                id="referralCode"
-                value={referralCode}
-                onChange={e => setReferralCode(e.target.value)}
-                placeholder="36b8f84d"
-              />
+                <Input
+                  id="referralCode"
+                  value={referralCode}
+                  onChange={e => setReferralCode(e.target.value)}
+                  placeholder="36b8f84d"
+                />
 
-              <p className="text-sm text-neutral-400">{s('invite')}</p>
-            </div>
+                <p className="text-sm text-neutral-400">{s('invite')}</p>
+              </div>
+            ) : null}
 
             <Button
               type="button"

diff --git a/src/components/form/WaitlistForm.tsx b/src/components/form/WaitlistForm.tsx
@@ -33,7 +33,8 @@ const FormSchema = z.object({
 
 export const WaitlistForm: FC<{
   setView: Dispatch<SetStateAction<'waitlist' | 'sign-up'>>;
-}> = ({ setView }) => {
+  setSubscriber: Dispatch<SetStateAction<boolean>>;
+}> = ({ setView, setSubscriber }) => {
   const w = useTranslations('Public.Waitlist');
   const c = useTranslations('Common');
 
@@ -150,7 +151,10 @@ export const WaitlistForm: FC<{
 
       <button
         type="button"
-        onClick={() => setView('sign-up')}
+        onClick={() => {
+          setSubscriber(true);
+          setView('sign-up');
+        }}
         disabled={loading}
         className="w-full text-center font-medium text-primary-v2 transition-colors hover:text-primary-v2-hover"
       >