random topic fixes (#348)

This commit is contained in:
Igor Lobanov 2023-12-25 16:07:12 +01:00 committed by GitHub
parent 70e084c0db
commit 41b5560036
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 4 deletions

View File

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

View File

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

View File

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

View File

@ -20,7 +20,11 @@ export const TopicPage = (props: PageProps) => {
const preload = () => const preload = () =>
Promise.all([ 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() }), loadTopic({ slug: slug() }),
]) ])