random topic fixes (#348)
This commit is contained in:
parent
70e084c0db
commit
41b5560036
|
@ -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 {
|
||||||
|
|
|
@ -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}
|
||||||
|
|
|
@ -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,
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
@ -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() }),
|
||||||
])
|
])
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user