import type { PageProps } from './types' import { createEffect, createMemo, createSignal, onCleanup, onMount, Show } from 'solid-js' import { Loading } from '../components/_shared/Loading' import { PageLayout } from '../components/_shared/PageLayout' import { SearchView } from '../components/Views/Search' import { useLocalize } from '../context/localize' import { ReactionsProvider } from '../context/reactions' import { useRouter } from '../stores/router' import { loadShoutsSearch, resetSortedArticles } from '../stores/zine/articles' export const SearchPage = (props: PageProps) => { const [isLoaded, setIsLoaded] = createSignal(Boolean(props.searchResults)) const { t } = useLocalize() const { page, searchParams } = useRouter() const q = createMemo(() => page().params['q'] as string) createEffect(async () => { if (isLoaded()) return else if (q() && window) { const text = q() || window.location.href.split('/').pop() // TODO: pagination, load more await loadShoutsSearch({ text, limit: 50, offset: 0 }) setIsLoaded(true) } }) onCleanup(() => resetSortedArticles()) return ( }> ) } export const Page = SearchPage