From 36fff73af6d93054f3c6f9b7efb6ac0ccaf157b5 Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Mon, 22 Apr 2024 16:47:37 +0300
Subject: [PATCH] Hotfix/remove state params after login (#443)

* hide autofill in profilr settings

* fix Image width

* Remove state search params after login

* fix biome
---
 src/components/Article/Article.module.scss       |  1 +
 src/components/Nav/HeaderAuth.tsx                | 16 +++++++++-------
 .../ProfileSettings/ProfileSettings.tsx          |  2 ++
 src/context/session.tsx                          |  7 ++++---
 4 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/Article/Article.module.scss b/src/components/Article/Article.module.scss
index ad85c0a3..55b8dd95 100644
--- a/src/components/Article/Article.module.scss
+++ b/src/components/Article/Article.module.scss
@@ -22,6 +22,7 @@ img {
 .articleContent {
   img:not([data-disable-lightbox='true']) {
     cursor: zoom-in;
+    width: 100%;
   }
 }
 
diff --git a/src/components/Nav/HeaderAuth.tsx b/src/components/Nav/HeaderAuth.tsx
index 8ddff9df..7f439b94 100644
--- a/src/components/Nav/HeaderAuth.tsx
+++ b/src/components/Nav/HeaderAuth.tsx
@@ -227,13 +227,15 @@ export const HeaderAuth = (props: Props) => {
             <Show
               when={isAuthenticatedControlsVisible()}
               fallback={
-                <div class={clsx(styles.userControlItem, styles.userControlItemVerbose, 'loginbtn')}>
-                  <a href="?m=auth&mode=login">
-                    <span class={styles.textLabel}>{t('Enter')}</span>
-                    <Icon name="key" class={styles.icon} />
-                    {/*<Icon name="user-default" class={clsx(styles.icon, styles.iconHover)} />*/}
-                  </a>
-                </div>
+                <Show when={!isAuthenticated()}>
+                  <div class={clsx(styles.userControlItem, styles.userControlItemVerbose, 'loginbtn')}>
+                    <a href="?m=auth&mode=login">
+                      <span class={styles.textLabel}>{t('Enter')}</span>
+                      <Icon name="key" class={styles.icon} />
+                      {/*<Icon name="user-default" class={clsx(styles.icon, styles.iconHover)} />*/}
+                    </a>
+                  </div>
+                </Show>
               }
             >
               <Show when={!isSaveButtonVisible()}>
diff --git a/src/components/ProfileSettings/ProfileSettings.tsx b/src/components/ProfileSettings/ProfileSettings.tsx
index 90a23b33..2e393710 100644
--- a/src/components/ProfileSettings/ProfileSettings.tsx
+++ b/src/components/ProfileSettings/ProfileSettings.tsx
@@ -264,6 +264,7 @@ export const ProfileSettings = () => {
                         type="text"
                         name="username"
                         id="username"
+                        autocomplete="one-time-code"
                         placeholder={t('Name')}
                         onInput={(event) => updateFormField('name', event.currentTarget.value)}
                         value={form.name}
@@ -289,6 +290,7 @@ export const ProfileSettings = () => {
                             type="text"
                             name="user-address"
                             id="user-address"
+                            autocomplete="one-time-code2"
                             onInput={(event) => updateFormField('slug', event.currentTarget.value)}
                             value={form.slug}
                             ref={(el) => (slugInputRef.current = el)}
diff --git a/src/context/session.tsx b/src/context/session.tsx
index fa068bc8..3a189cc1 100644
--- a/src/context/session.tsx
+++ b/src/context/session.tsx
@@ -1,5 +1,5 @@
 import type { Accessor, JSX, Resource } from 'solid-js'
-import type { AuthModalSource } from '../components/Nav/AuthModal/types'
+import type { AuthModalSearchParams, AuthModalSource } from '../components/Nav/AuthModal/types'
 import type { Author } from '../graphql/schema/core.gen'
 
 import {
@@ -29,7 +29,6 @@ import {
 
 import { inboxClient } from '../graphql/client/chat'
 import { apiClient } from '../graphql/client/core'
-import { notifierClient } from '../graphql/client/notifier'
 import { useRouter } from '../stores/router'
 import { showModal } from '../stores/ui'
 import { addAuthors } from '../stores/zine/authors'
@@ -136,6 +135,7 @@ export const SessionProvider = (props: {
 
   const [isSessionLoaded, setIsSessionLoaded] = createSignal(false)
   const [authError, setAuthError] = createSignal('')
+  const { clearSearchParams } = useRouter<AuthModalSearchParams>()
 
   // Function to load session data
   const sessionData = async () => {
@@ -143,7 +143,7 @@ export const SessionProvider = (props: {
       const s: ApiResponse<AuthToken> = await authorizer().getSession()
       if (s?.data) {
         console.info('[context.session] loading session', s)
-
+        clearSearchParams()
         // Set session expiration time in local storage
         const expires_at = new Date(Date.now() + s.data.expires_in * 1000)
         localStorage.setItem('expires_at', `${expires_at.getTime()}`)
@@ -379,6 +379,7 @@ export const SessionProvider = (props: {
   }
 
   const isAuthenticated = createMemo(() => Boolean(author()))
+
   const actions = {
     loadSession,
     requireAuthentication,