fmt

src/components/Views/AllTopics/AllTopics.tsx

@@ -121,14 +121,14 @@ export const AllTopics = (props: Props) => {
             <div class="col-lg-20">
               <div class="row">
                 <For each={byLetter()[letter]}>
-                    {(topic) => (
-                      <div class={clsx(styles.topicTitle, 'col-sm-12 col-md-8')}>
-                        <A href={`/topic/${topic.slug}`}>{topic.title || topic.slug}</A>
-                        <Show when={topic.stat?.shouts || 0}>
-                          <span class={styles.articlesCounter}>{topic.stat?.shouts || 0}</span>
-                        </Show>
-                      </div>
-                    )}
+                  {(topic) => (
+                    <div class={clsx(styles.topicTitle, 'col-sm-12 col-md-8')}>
+                      <A href={`/topic/${topic.slug}`}>{topic.title || topic.slug}</A>
+                      <Show when={topic.stat?.shouts || 0}>
+                        <span class={styles.articlesCounter}>{topic.stat?.shouts || 0}</span>
+                      </Show>
+                    </div>
+                  )}
                 </For>
               </div>
             </div>
@@ -159,7 +159,6 @@ export const AllTopics = (props: Props) => {
                   </div>
                 </div>
               </Show>
-
             </Show>
           </div>
         </div>

src/routes/topic/(all-topics).tsx

@@ -25,7 +25,7 @@ export default (props: RouteSectionProps<{ topics: Topic[] }>) => {
     <PageLayout
       withPadding={true}
       key="topics"
-      title='Themes and plots'
+      title={t('Themes and plots')}
       headerTitle={`${t('Discours')} :: ${t('All topics')}`}
       desc="Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about"
     >