45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
|
import { PageLayout } from '../../components/_shared/PageLayout'
|
||
|
|
import type { PageProps } from '../types'
|
||
|
|
import { Topics } from '../../components/Nav/Topics'
|
||
|
|
import { Expo } from '../../components/Views/Expo'
|
||
|
|
import { useLocalize } from '../../context/localize'
|
||
|
|
import { createMemo } from 'solid-js'
|
||
|
|
import { LayoutType } from '../types'
|
||
|
|
import { useRouter } from '../../stores/router'
|
||
|
|
import { Title } from '@solidjs/meta'
|
||
|
|
|
||
|
|
export const ExpoPage = (props: PageProps) => {
|
||
|
|
const { t } = useLocalize()
|
||
|
|
const { page: getPage } = useRouter()
|
||
|
|
const getLayout = createMemo<LayoutType>(() => getPage().params['layout'] as LayoutType)
|
||
|
|
const title = createMemo(() => {
|
||
|
|
switch (getLayout()) {
|
||
|
|
case 'music': {
|
||
|
|
return t('Audio')
|
||
|
|
}
|
||
|
|
case 'video': {
|
||
|
|
return t('Video')
|
||
|
|
}
|
||
|
|
case 'image': {
|
||
|
|
return t('Artworks')
|
||
|
|
}
|
||
|
|
case 'literature': {
|
||
|
|
return t('Literature')
|
||
|
|
}
|
||
|
|
default: {
|
||
|
|
return t('Art')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PageLayout withPadding={true} zeroBottomPadding={true}>
|
||
|
|
<Title>{title()}</Title>
|
||
|
|
<Topics />
|
||
|
|
<Expo shouts={props.expoShouts} />
|
||
|
|
</PageLayout>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Page = ExpoPage
|