fix: add token existence check

humanprotocol · Feb 27, 2025 · 3053825 · 3053825
1 parent fa8dcaa
commit 3053825
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/...-app/frontend/src/modules/worker/email-verification/hooks/use-email-verification-token.ts b/...-app/frontend/src/modules/worker/email-verification/hooks/use-email-verification-token.ts
@@ -21,6 +21,5 @@ export function useEmailVerificationToken() {
 
   return {
     token,
-    isLoading: token === undefined,
   };
 }
diff --git a/...nd/src/modules/worker/email-verification/pages/worker-email-verification-process.page.tsx b/...nd/src/modules/worker/email-verification/pages/worker-email-verification-process.page.tsx
@@ -1,12 +1,18 @@
-import { PageCardLoader } from '@/shared/components/ui/page-card';
+import { useTranslation } from 'react-i18next';
+import { PageCardError } from '@/shared/components/ui/page-card';
 import { EmailVerificationProcess } from '../components';
 import { useEmailVerificationToken } from '../hooks';
 
 export function WorkerEmailVerificationProcessPage() {
-  const { token, isLoading } = useEmailVerificationToken();
+  const { t } = useTranslation();
+  const { token } = useEmailVerificationToken();
 
-  if (isLoading || !token) {
-    return <PageCardLoader />;
+  if (!token) {
+    return (
+      <PageCardError
+        errorMessage={t('worker.emailVerification.errors.noToken')}
+      />
+    );
   }
 
   return <EmailVerificationProcess token={token} />;

diff --git a/packages/apps/human-app/frontend/src/shared/i18n/en.json b/packages/apps/human-app/frontend/src/shared/i18n/en.json
@@ -154,7 +154,10 @@
     "emailVerification": {
       "title": "Email Verified",
       "description": "You are ready to go. Your email has been successfully verified!",
-      "btn": "Sign In"
+      "btn": "Sign In",
+      "errors": {
+        "noToken": "No token provided."
+      }
     },
     "sendResetLinkForm": {
       "fields": {
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,6 +21,5 @@ export function useEmailVerificationToken() { @@
       return {
         token,
-        isLoading: token === undefined,
       };
     }