Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup the etails page

Browse Source
This commit is contained in:
Zoe Roux 2023-06-13 00:37:46 +09:00
parent eeb111dd9e
commit 4993ae50fe
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/packages/ui/src/details/season.tsx
View File

@ -36,7 +36,7 @@ export const EpisodeList = <Props,>({
slug: string;
season: string | number;
Header: ComponentType<Props & { children: JSX.Element }>;
headerProps: Props
headerProps: Props;
}) => {
const { t } = useTranslation();

18
front/packages/ui/src/details/show.tsx
View File

@ -42,7 +42,10 @@ const SvgWave = (props: SvgProps) => {
);
};
const ShowHeader = forwardRef<View, ViewProps & { slug: string }>(function _ShowHeader({ children, slug, ...props }, ref) {
const ShowHeader = forwardRef<View, ViewProps & { slug: string }>(function _ShowHeader(
{ children, slug, ...props },
ref,
) {
const { css, theme } = useYoshiki();
return (
@ -78,7 +81,7 @@ const ShowHeader = forwardRef<View, ViewProps & { slug: string }>(function _Show
</View>
</View>
);
});
});
const query = (slug: string): QueryIdentifier<Show> => ({
parser: ShowP,
@ -89,14 +92,11 @@ const query = (slug: string): QueryIdentifier<Show> => ({
});
export const ShowDetails: QueryPage<{ slug: string; season: string }> = ({ slug, season }) => {
const { css, theme } = useYoshiki();
return (
<SwitchVariant>
{({ css, theme }) => (
<View {...css({ bg: theme.background, flex: 1 })}>
<EpisodeList slug={slug} season={season} Header={ShowHeader} headerProps={{slug}} />
</View>
)}
</SwitchVariant>
<View {...css({ bg: theme.variant.background, flex: 1 })}>
<EpisodeList slug={slug} season={season} Header={ShowHeader} headerProps={{ slug }} />
</View>
);
};