import { Show, createMemo } from 'solid-js' import type { Author, Shout, Topic } from '../../graphql/types.gen' import Row2 from '../Feed/Row2' import Row3 from '../Feed/Row3' import AuthorFull from '../Author/Full' import { t } from '../../utils/intl' import { useAuthorsStore } from '../../stores/zine/authors' import { params } from '../../stores/router' import { useArticlesStore } from '../../stores/zine/articles' import '../../styles/Topic.scss' import Beside from '../Feed/Beside' import { useStore } from '@nanostores/solid' import { useTopicsStore } from '../../stores/zine/topics' import { unique } from '../../utils' type AuthorProps = { authorArticles: Shout[] author: Author } export const AuthorPage = (props: AuthorProps) => { const args = useStore(params) const { getSortedArticles: articles, getArticlesByAuthors: articlesByAuthors } = useArticlesStore({ sortedArticles: props.authorArticles }) const { getAuthorEntities: authors } = useAuthorsStore([props.author]) const author = createMemo(() => authors()[props.author.slug]) const topics = createMemo(() => { const ttt = [] articlesByAuthors()[author().slug].forEach((s: Shout) => s.topics.forEach((tpc: Topic) => ttt.push(tpc)) ) return unique(ttt) }) const { getSortedTopics } = useTopicsStore({ topics: topics() }) const title = createMemo(() => { const m = args()['by'] if (m === 'viewed') return t('Top viewed') if (m === 'rating') return t('Top rated') if (m === 'commented') return t('Top discussed') return t('Top recent') }) return (
}>