testing-deploy

src/components/Nav/AuthModal/ChangePasswordForm.tsx

@@ -67,7 +67,9 @@ export const ChangePasswordForm = () => {
                 'Now you can enter a new password, it must contain at least 8 characters and not be the same as the previous password',
               )}
             </div>
-
+            <Show when={validationErrors()}>
+              <div>{validationErrors()['password']}</div>
+            </Show>
             <PasswordField
               errorMessage={(err) => setPasswordError(err)}
               onInput={(value) => handlePasswordInput(value)}

src/components/Nav/AuthModal/EmailConfirm.tsx

@@ -1,7 +1,5 @@
-import type { ConfirmEmailSearchParams } from './types'
-
 import { clsx } from 'clsx'
-import { createEffect, createMemo, createSignal, Show } from 'solid-js'
+import { createEffect, createSignal, Show } from 'solid-js'
 
 import { useLocalize } from '../../../context/localize'
 import { useSession } from '../../../context/session'

src/components/Nav/SearchModal/SearchModal.module.scss

@@ -1,8 +1,10 @@
 @mixin searchFilterControl {
-  background: rgb(64 64 64 / 0.5);
+  background: rgb(64 64 64 / 50%);
   border-radius: 10rem;
   color: #fff;
+
   @include font-size(1.4rem);
+
   font-weight: 500;
   height: 4rem;
   padding: 0 2rem;
@@ -13,7 +15,7 @@
   }
 
   &:active {
-    color: rgb(255 255 255 / 0.4);
+    color: rgb(255 255 255 / 40%);
   }
 }
 
@@ -25,13 +27,15 @@
     border: none;
     border-bottom: 2px solid #fff;
     color: #fff;
+
     @include font-size(4.8rem);
+
     font-weight: bold;
     outline: none;
     padding: 0 0 0.5rem;
 
     &::placeholder {
-      color: rgb(255 255 255 / 0.32);
+      color: rgb(255 255 255 / 32%);
     }
 
     &:not(:placeholder-shown) + .submitControl {
@@ -51,7 +55,8 @@
 }
 
 .searchDescription {
-  color: rgb(255 255 255 / 0.64);
+  color: rgb(255 255 255 / 64%);
+
   @include font-size(1.6rem);
 }
 

src/components/Nav/SearchModal/SearchModal.tsx

@@ -1,11 +1,12 @@
-import { clsx } from 'clsx'
-import { useLocalize } from '../../../context/localize'
-import { Icon } from '../../_shared/Icon'
 import { openPage } from '@nanostores/router'
+import { clsx } from 'clsx'
 
-import styles from './SearchModal.module.scss'
+import { useLocalize } from '../../../context/localize'
 import { router, useRouter } from '../../../stores/router'
 import { hideModal } from '../../../stores/ui'
+import { Icon } from '../../_shared/Icon'
+
+import styles from './SearchModal.module.scss'
 
 export const SearchModal = () => {
   const { t } = useLocalize()

src/components/Views/Author/Author.tsx

@@ -24,7 +24,6 @@ import { Row3 } from '../../Feed/Row3'
 
 import styles from './Author.module.scss'
 import stylesArticle from '../../Article/Article.module.scss'
-import { useSession } from '../../../context/session'
 
 type Props = {
   shouts: Shout[]

src/components/Views/Feed/Feed.tsx

@@ -7,6 +7,7 @@ import { createEffect, createMemo, createSignal, For, on, onMount, Show } from '
 
 import { useLocalize } from '../../../context/localize'
 import { useReactions } from '../../../context/reactions'
+import { useSession } from '../../../context/session'
 import { apiClient } from '../../../graphql/client/core'
 import { router, useRouter } from '../../../stores/router'
 import { useArticlesStore, resetSortedArticles } from '../../../stores/zine/articles'
@@ -25,7 +26,6 @@ import { Sidebar } from '../../Feed/Sidebar'
 import styles from './Feed.module.scss'
 import stylesBeside from '../../Feed/Beside.module.scss'
 import stylesTopic from '../../Feed/CardTopic.module.scss'
-import { useSession } from '../../../context/session'
 
 export const FEED_PAGE_SIZE = 20
 const UNRATED_ARTICLES_COUNT = 5

src/components/Views/FourOuFour.tsx

@@ -1,11 +1,11 @@
+import { openPage } from '@nanostores/router'
 import { clsx } from 'clsx'
 
 import { useLocalize } from '../../context/localize'
+import { router } from '../../stores/router'
 import { Icon } from '../_shared/Icon'
 
 import styles from '../../styles/FourOuFour.module.scss'
-import { openPage } from '@nanostores/router'
-import { router } from '../../stores/router'
 
 export const FourOuFourView = (_props) => {
   let queryInput: HTMLInputElement

src/components/Views/Search.tsx

@@ -1,6 +1,6 @@
 import type { SearchResult } from '../../graphql/schema/core.gen'
 
-import { Show, For, createSignal, createEffect, onMount } from 'solid-js'
+import { Show, For, createSignal, onMount } from 'solid-js'
 
 import '../../styles/Search.scss'
 import { useLocalize } from '../../context/localize'
@@ -8,7 +8,6 @@ import { useRouter } from '../../stores/router'
 import { loadShoutsSearch, useArticlesStore } from '../../stores/zine/articles'
 import { restoreScrollPosition, saveScrollPosition } from '../../utils/scroll'
 import { ArticleCard } from '../Feed/ArticleCard'
-import { apiClient } from '../../graphql/client/core'
 
 type SearchPageSearchParams = {
   by: '' | 'relevance' | 'rating'

src/components/_shared/Lightbox/Lightbox.module.scss

@@ -9,7 +9,6 @@
   align-items: center;
   justify-content: center;
   z-index: 10000;
-
   animation: 300ms fadeIn;
   animation-fill-mode: forwards;
 

src/components/_shared/UserSearch/UserSearch.module.scss

@@ -1,8 +1,7 @@
 .UserSearch {
   .searchHeader {
     display: flex;
-    flex-direction: row;
+    flex-flow: row nowrap;
-    flex-wrap: nowrap;
     width: 100%;
     gap: 1rem;
   }
@@ -10,8 +9,7 @@
   .field {
     border-bottom: 2px solid var(--background-color-invert);
     display: flex;
-    flex-direction: row;
+    flex-flow: row nowrap;
-    flex-wrap: nowrap;
     padding: 4px 0;
     align-items: center;
     width: 100%;
@@ -28,6 +26,7 @@
     &::placeholder {
       color: #404040;
     }
+
     &:focus {
       outline: none;
     }

src/context/profile.tsx

@@ -1,10 +1,9 @@
 import type { ProfileInput } from '../graphql/schema/core.gen'
 
-import { createContext, createEffect, createMemo, JSX, useContext } from 'solid-js'
+import { createContext, createEffect, JSX, useContext } from 'solid-js'
 import { createStore } from 'solid-js/store'
 
 import { apiClient } from '../graphql/client/core'
-import { loadAuthor } from '../stores/zine/authors'
 
 import { useSession } from './session'
 

src/context/session.tsx

@@ -28,6 +28,7 @@ import { notifierClient } from '../graphql/client/notifier'
 import { useRouter } from '../stores/router'
 import { showModal } from '../stores/ui'
 import { addAuthors } from '../stores/zine/authors'
+
 import { useLocalize } from './localize'
 import { useSnackbar } from './snackbar'
 

src/graphql/client/chat.ts

@@ -8,7 +8,6 @@ import deleteChatMessage from '../mutation/chat/chat-message-delete'
 import updateChatMessage from '../mutation/chat/chat-message-update'
 import updateChat from '../mutation/chat/chat-update'
 import chatMessagesLoadBy from '../query/chat/chat-messages-load-by'
-import loadRecipients from '../query/chat/chat-recipients'
 import myChats from '../query/chat/chats-load'
 import {
   Chat,

src/graphql/client/core.ts

@@ -35,8 +35,8 @@ import loadShoutsUnrated from '../query/core/articles-load-unrated'
 import authorBy from '../query/core/author-by'
 import authorFollowers from '../query/core/author-followers'
 import authorId from '../query/core/author-id'
-import authorFollowed from '../query/core/authors-followed-by'
 import authorsAll from '../query/core/authors-all'
+import authorFollowed from '../query/core/authors-followed-by'
 import authorsLoadBy from '../query/core/authors-load-by'
 import mySubscriptions from '../query/core/my-followed'
 import reactionsLoadBy from '../query/core/reactions-load-by'

src/graphql/query/chat/chat-recipients.ts

@@ -1,17 +0,0 @@
-import { gql } from '@urql/core'
-
-export default gql`
-  query GetChatMembersQuery($limit: Int, $offset: Int) {
-    load_recipients(limit: $limit, offset: $offset) {
-      members {
-        id
-        name
-        id
-        slug
-        pic
-        online
-      }
-      error
-    }
-  }
-`

src/pages/search.page.tsx

@@ -1,6 +1,6 @@
 import type { PageProps } from './types'
 
-import { createEffect, createMemo, createSignal, onCleanup, onMount, Show } from 'solid-js'
+import { createEffect, createMemo, createSignal, onCleanup, Show } from 'solid-js'
 
 import { Loading } from '../components/_shared/Loading'
 import { PageLayout } from '../components/_shared/PageLayout'
@@ -13,7 +13,7 @@ import { loadShoutsSearch, resetSortedArticles } from '../stores/zine/articles'
 export const SearchPage = (props: PageProps) => {
   const [isLoaded, setIsLoaded] = createSignal(Boolean(props.searchResults))
   const { t } = useLocalize()
-  const { page, searchParams } = useRouter()
+  const { page } = useRouter()
   const q = createMemo(() => page().params['q'] as string)
 
   createEffect(async () => {

src/stores/ui.ts

@@ -46,7 +46,7 @@ export const MODALS: Record<ModalType, ModalType> = {
 
 const [modal, setModal] = createSignal<ModalType>(null)
 
-const { searchParams, changeSearchParams } = useRouter<
+const { changeSearchParams } = useRouter<
   AuthModalSearchParams & ConfirmEmailSearchParams & RootSearchParams
 >()