From f060841672b68035833a2d957360f5308a974f89 Mon Sep 17 00:00:00 2001 From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com> Date: Fri, 15 Sep 2023 17:41:11 +0300 Subject: [PATCH] Add apiReqest to random topucs in Header (#220) --- src/components/Nav/Header/Header.tsx | 12 +++++++++--- src/components/Views/Home.tsx | 9 +++------ src/components/_shared/PageLayout.tsx | 6 ++---- src/pages/allTopics.page.tsx | 2 +- src/pages/index.page.server.ts | 3 +-- src/pages/index.page.tsx | 6 +++--- src/pages/types.ts | 1 - 7 files changed, 19 insertions(+), 20 deletions(-) diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx index 24808069..0bab2f76 100644 --- a/src/components/Nav/Header/Header.tsx +++ b/src/components/Nav/Header/Header.tsx @@ -20,6 +20,8 @@ import { useLocalize } from '../../../context/localize' import { useSession } from '../../../context/session' import styles from './Header.module.scss' +import { apiClient } from '../../../utils/apiClient' +import { RANDOM_TOPICS_COUNT } from '../../Views/Home' type Props = { title?: string @@ -28,7 +30,6 @@ type Props = { articleBody?: string cover?: string scrollToComments?: (value: boolean) => void - randomTopics?: Topic[] } type HeaderSearchParams = { @@ -46,6 +47,7 @@ export const Header = (props: Props) => { const { page, searchParams } = useRouter() + const [randomTopics, setRandomTopics] = createSignal([]) const [getIsScrollingBottom, setIsScrollingBottom] = createSignal(false) const [getIsScrolled, setIsScrolled] = createSignal(false) const [fixed, setFixed] = createSignal(false) @@ -139,6 +141,10 @@ export const Header = (props: Props) => { }, time) } + onMount(async () => { + const topics = await apiClient.getRandomTopics({ amount: RANDOM_TOPICS_COUNT }) + setRandomTopics(topics) + }) return (
{ onMouseOut={hideSubnavigation} >