From 5eb085626049105356c25e703496c1d1fbb9b3fe Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Sat, 9 Sep 2023 15:05:26 +0300
Subject: [PATCH] Show wrong password message (#213)

Show wrong password message
---
 src/components/Nav/AuthModal/LoginForm.tsx | 9 +++------
 src/styles/app.scss                        | 6 ++++--
 src/utils/apiClient.ts                     | 5 ++++-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Nav/AuthModal/LoginForm.tsx b/src/components/Nav/AuthModal/LoginForm.tsx
index 3a9705b9..c3d4c5a4 100644
--- a/src/components/Nav/AuthModal/LoginForm.tsx
+++ b/src/components/Nav/AuthModal/LoginForm.tsx
@@ -109,19 +109,16 @@ export const LoginForm = () => {
       if (error instanceof ApiError) {
         if (error.code === 'email_not_confirmed') {
           setSubmitError(t('Please, confirm email'))
-
           setIsEmailNotConfirmed(true)
 
           return
         }
-
         if (error.code === 'user_not_found') {
           setSubmitError(t('Something went wrong, check email and password'))
 
           return
         }
       }
-
       setSubmitError(error.message)
     } finally {
       setIsSubmitting(false)
@@ -197,15 +194,15 @@ export const LoginForm = () => {
           </button>
         </div>
         <div class={styles.authActions}>
-          <a
-            href="#"
+          <span
+            class={'link'}
             onClick={(ev) => {
               ev.preventDefault()
               changeSearchParam('mode', 'forgot-password')
             }}
           >
             {t('Forgot password?')}
-          </a>
+          </span>
         </div>
       </div>
 
diff --git a/src/styles/app.scss b/src/styles/app.scss
index a6d21e12..104b0206 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -192,14 +192,16 @@ h5 {
 a,
 a:hover,
 a:visited,
-a:link {
+a:link,
+.link {
   border-bottom: 1px solid rgb(0 0 0 / 30%);
   text-decoration: none;
   cursor: pointer;
 }
 
 a:visited,
-a:link {
+a:link,
+.link {
   color: var(--link-color);
   padding-bottom: 0.1em;
   transition: color 0.2s, background-color 0.2s;
diff --git a/src/utils/apiClient.ts b/src/utils/apiClient.ts
index d6a82744..346a75f9 100644
--- a/src/utils/apiClient.ts
+++ b/src/utils/apiClient.ts
@@ -77,7 +77,10 @@ export const apiClient = {
     const response = await publicGraphQLClient.query(authLoginQuery, { email, password }).toPromise()
     // console.debug('[api-client] authLogin', { response })
     if (response.error) {
-      if (response.error.message === '[GraphQL] User not found') {
+      if (
+        response.error.message === '[GraphQL] User not found' ||
+        response.error.message === "[GraphQL] 'dict' object has no attribute 'id'"
+      ) {
         throw new ApiError('user_not_found')
       }