From 878f0036ab72462296cb2c714c1678f640a0b276 Mon Sep 17 00:00:00 2001
From: Untone <anton.rewin@gmail.com>
Date: Tue, 9 Jul 2024 13:35:57 +0300
Subject: [PATCH] styles+error-new-fix

---
 .../Views/AllAuthors/AllAuthors.module.scss   | 36 +++++++++----------
 src/components/Views/AllTopics/AllTopics.tsx  |  8 ++---
 src/context/connect.tsx                       |  2 +-
 src/context/reactions.tsx                     |  2 +-
 src/routes/author/(all-authors).tsx           |  2 --
 src/routes/edit/[id]/settings.tsx             |  2 +-
 6 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/src/components/Views/AllAuthors/AllAuthors.module.scss b/src/components/Views/AllAuthors/AllAuthors.module.scss
index 63188b2b..e009616d 100644
--- a/src/components/Views/AllAuthors/AllAuthors.module.scss
+++ b/src/components/Views/AllAuthors/AllAuthors.module.scss
@@ -1,27 +1,26 @@
-.allAuthorsPage {
-  .group {
-    @include font-size(1.6rem);
+.group {
+  @include font-size(1.6rem);
 
-    margin: 3em 0 9.6rem;
+  margin: 3em 0 9.6rem;
+
+  @include media-breakpoint-down(sm) {
+    margin-bottom: 6.4rem;
+  }
+
+  h2 {
+    margin-bottom: 3.2rem;
+    text-transform: capitalize;
 
     @include media-breakpoint-down(sm) {
-      margin-bottom: 6.4rem;
-    }
-
-    h2 {
-      margin-bottom: 3.2rem;
-      text-transform: capitalize;
-
-      @include media-breakpoint-down(sm) {
-        margin-bottom: 1.6rem;
-      }
-    }
-
-    .topic {
-      margin-bottom: 2.4rem;
+      margin-bottom: 1.6rem;
     }
   }
 
+  .topic {
+    margin-bottom: 2.4rem;
+  }
+}
+
   .container {
     width: auto;
 
@@ -30,7 +29,6 @@
       width: 100px !important;
     }
   }
-}
 
 .loadMoreContainer {
   margin-top: 48px;
diff --git a/src/components/Views/AllTopics/AllTopics.tsx b/src/components/Views/AllTopics/AllTopics.tsx
index 2754054e..270e6f63 100644
--- a/src/components/Views/AllTopics/AllTopics.tsx
+++ b/src/components/Views/AllTopics/AllTopics.tsx
@@ -90,13 +90,13 @@ export const AllTopics = (props: Props) => {
     </div>
   )
   const AllTopicAlphabeticallyHead = () => (
-    <div class="col-lg-18 col-xl-15">
+    <div class="col-lg-20 col-xl-18">
       <ul class={clsx('nodash', styles.alphabet)}>
-        <For each={Array.from(alphabet())}>
+        <For each={[...alphabet()]}>
           {(letter, index) => (
             <li>
               <Show when={letter in byLetter()} fallback={letter}>
-                <A
+                <a
                   href={`/topic?by=title#letter-${index()}`}
                   onClick={(event) => {
                     event.preventDefault()
@@ -104,7 +104,7 @@ export const AllTopics = (props: Props) => {
                   }}
                 >
                   {letter}
-                </A>
+                </a>
               </Show>
             </li>
           )}
diff --git a/src/context/connect.tsx b/src/context/connect.tsx
index 5ec3acfa..a9f50a9a 100644
--- a/src/context/connect.tsx
+++ b/src/context/connect.tsx
@@ -73,7 +73,7 @@ export const ConnectProvider = (props: { children: JSX.Element }) => {
               setConnected(false)
               if (retried() < RECONNECT_TIMES) {
                 setRetried((r) => r + 1)
-              } else throw Error('failed')
+              } else throw new Error('failed')
             }
           } catch (error) {
             console.error('[context.connect] SSE init failed:', error)
diff --git a/src/context/reactions.tsx b/src/context/reactions.tsx
index f90b9769..5cb7cc6d 100644
--- a/src/context/reactions.tsx
+++ b/src/context/reactions.tsx
@@ -105,7 +105,7 @@ export const ReactionsProvider = (props: { children: JSX.Element }) => {
   const updateReaction = async (input: MutationUpdate_ReactionArgs): Promise<Reaction> => {
     const resp = await mutation(updateReactionMutation, input).toPromise()
     const result = resp?.data?.update_reaction
-    if (!result) throw Error('cannot update reaction')
+    if (!result) throw new Error('cannot update reaction')
     const { error, reaction } = result
     if (error) await showSnackbar({ type: 'error', body: t(error) })
     if (reaction) setReactionEntities(reaction.id, reaction)
diff --git a/src/routes/author/(all-authors).tsx b/src/routes/author/(all-authors).tsx
index 8b0d6aa1..e81484d6 100644
--- a/src/routes/author/(all-authors).tsx
+++ b/src/routes/author/(all-authors).tsx
@@ -2,7 +2,6 @@ import { RouteDefinition, RouteLoadFuncArgs, type RouteSectionProps, createAsync
 import { Suspense, createEffect, on } from 'solid-js'
 import { AllAuthors } from '~/components/Views/AllAuthors'
 import { AUTHORS_PER_PAGE } from '~/components/Views/AllAuthors/AllAuthors'
-import styles from '~/components/Views/AllAuthors/AllAuthors.module.scss'
 import { Loading } from '~/components/_shared/Loading'
 import { PageLayout } from '~/components/_shared/PageLayout'
 import { useAuthors } from '~/context/authors'
@@ -72,7 +71,6 @@ export default function AllAuthorsPage(props: RouteSectionProps<AllAuthorsData>)
     <PageLayout
       withPadding={true}
       title={`${t('Discours')} :: ${t('All authors')}`}
-      class={styles.allAuthorsPage}
       desc="List of authors of the open editorial community"
     >
       <ReactionsProvider>
diff --git a/src/routes/edit/[id]/settings.tsx b/src/routes/edit/[id]/settings.tsx
index 62f558e5..ef664afe 100644
--- a/src/routes/edit/[id]/settings.tsx
+++ b/src/routes/edit/[id]/settings.tsx
@@ -20,7 +20,7 @@ export default () => {
     const result = await client.query(getShoutDraft, { shout_id: params.id }).toPromise()
     if (result) {
       const { shout: loadedShout, error } = result.data.get_my_shout
-      if (error) throw Error(error)
+      if (error) throw new Error(error)
       setShout(loadedShout)
     }
   }