fix: Change simple text to Alert element on login page

ajnart · Mar 6, 2024 · 4e99784 · 4e99784
1 parent 15468bc
commit 4e99784
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/public/locales/en/authentication/login.json b/public/locales/en/authentication/login.json
@@ -15,7 +15,10 @@
       "submit": "Sign in"
     },
     "afterLoginRedirection": "After login, you'll be redirected to {{url}}",
-    "providersEmpty": "The provider(s) are unset, please check your logs for more information."
+    "providersEmpty": {
+      "title": "Auth Provider Error",
+      "message": "The provider(s) are unset, please check your logs for more information."
+    }
   },
   "alert": "Your credentials are incorrect or this account doesn't exist. Please try again."
 }
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
@@ -125,9 +125,13 @@ export default function LoginPage({
               </Title>
 
               {(providers.length < 1 && (
-                <Text align="center" mt={5}>
-                  {t('form.providersEmpty')}
-                </Text>
+                <Alert
+                  icon={<IconAlertTriangle size="1rem" />}
+                  title={t('form.providersEmpty.title')}
+                  mt={5}
+                >
+                  {t('form.providersEmpty.message')}
+                </Alert>
               )) || (
                 <Text color="dimmed" size="sm" align="center" mt={5} mb="md">
                   {t('text')}