random topic fixes (#348)

src/components/Views/Home.module.scss

@@ -9,7 +9,6 @@
   font-size: 40px;
   font-weight: 700;
   line-height: 44px;
-  text-transform: capitalize;
 }
 
 .randomTopicHeaderLink {

src/components/Views/Home.tsx

@@ -14,6 +14,7 @@ import {
 import { useTopAuthorsStore } from '../../stores/zine/topAuthors'
 import { useTopicsStore } from '../../stores/zine/topics'
 import { apiClient } from '../../utils/apiClient'
+import { capitalize } from '../../utils/capitalize'
 import { restoreScrollPosition, saveScrollPosition } from '../../utils/scroll'
 import { splitToPages } from '../../utils/splitToPages'
 import { Icon } from '../_shared/Icon'
@@ -134,7 +135,7 @@ export const HomeView = (props: Props) => {
             articles={randomTopicArticles()}
             header={
               <div class={styles.randomTopicHeaderContainer}>
-                <div class={styles.randomTopicHeader}>{randomTopic().title}</div>
+                <div class={styles.randomTopicHeader}>{capitalize(randomTopic().title, true)}</div>
                 <div>
                   <a
                     class={styles.randomTopicHeaderLink}

src/pages/topic.page.server.ts

@@ -16,7 +16,7 @@ export const onBeforeRender = async (pageContext: PageContext) => {
   }
 
   const topicShouts = await apiClient.getShouts({
-    filters: { topic: topic.slug },
+    filters: { topic: topic.slug, visibility: 'public' },
     limit: PRERENDERED_ARTICLES_COUNT,
   })
 

src/pages/topic.page.tsx

@@ -20,7 +20,11 @@ export const TopicPage = (props: PageProps) => {
 
   const preload = () =>
     Promise.all([
-      loadShouts({ filters: { topic: slug() }, limit: PRERENDERED_ARTICLES_COUNT, offset: 0 }),
+      loadShouts({
+        filters: { topic: slug(), visibility: 'public' },
+        limit: PRERENDERED_ARTICLES_COUNT,
+        offset: 0,
+      }),
       loadTopic({ slug: slug() }),
     ])