From 8be0a52930a42f115453eb455daa1c9cd03ca2ad Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Mon, 20 Jan 2025 22:34:27 +0100
Subject: [PATCH] disable buttons if no email is set

---
 .../Settings/AccountSettings/SecurityContent.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
index 13719bfc60..a16375f15c 100644
--- a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
+++ b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
@@ -75,6 +75,9 @@ function EmailSection() {
     queryFn: () =>
       authApi(apiUrl(ApiEndpoints.auth_email)).then((res) => res.data.data)
   });
+  const emailAvailable = useMemo(() => {
+    return data == undefined || data.length == 0;
+  }, [data]);
 
   function runServerAction(
     action: 'post' | 'put' | 'delete' = 'post',
@@ -96,7 +99,7 @@ function EmailSection() {
   return (
     <Grid>
       <Grid.Col span={6}>
-        {data.length == 0 ? (
+        {emailAvailable ? (
           <Alert
             icon={<IconAlertCircle size='1rem' />}
             title={t`Not configured`}
@@ -161,13 +164,20 @@ function EmailSection() {
             onClick={() =>
               runServerAction('post', { email: value, primary: true })
             }
+            disabled={emailAvailable}
           >
             <Trans>Make Primary</Trans>
           </Button>
-          <Button onClick={() => runServerAction('put')}>
+          <Button
+            onClick={() => runServerAction('put')}
+            disabled={emailAvailable}
+          >
             <Trans>Re-send Verification</Trans>
           </Button>
-          <Button onClick={() => runServerAction('delete')}>
+          <Button
+            onClick={() => runServerAction('delete')}
+            disabled={emailAvailable}
+          >
             <Trans>Remove</Trans>
           </Button>
         </Group>