Fix player api mismatch bug

This commit is contained in:
Zoe Roux 2023-09-06 22:01:54 +02:00
parent 6f3eefb611
commit 010fab93d7
No known key found for this signature in database
5 changed files with 8 additions and 7 deletions

View File

@ -70,8 +70,6 @@ const BaseEpisodeP = ResourceP.merge(ImagesP).extend({
*/ */
hls: z.string().transform(imageFn), hls: z.string().transform(imageFn),
}), }),
show: ShowP.optional()
}); });
export const EpisodeP = BaseEpisodeP.extend({ export const EpisodeP = BaseEpisodeP.extend({
@ -85,6 +83,8 @@ export const EpisodeP = BaseEpisodeP.extend({
* aired episode or this is a movie, it will be null. * aired episode or this is a movie, it will be null.
*/ */
nextEpisode: BaseEpisodeP.nullable().optional(), nextEpisode: BaseEpisodeP.nullable().optional(),
show: ShowP.optional(),
}) })
/** /**

View File

@ -119,7 +119,7 @@ export const Slider = ({
height: ts(1), height: ts(1),
bg: (theme) => theme.overlay0, bg: (theme) => theme.overlay0,
}, },
smallBar && { transform: [{ scaleY: 0.4 }] }, smallBar && { transform: "scaleY(0.4)" as any},
])} ])}
> >
{subtleProgress !== undefined && ( {subtleProgress !== undefined && (

View File

@ -83,7 +83,7 @@ export const LI = ({ children, ...props }: TextProps) => {
const { css } = useYoshiki(); const { css } = useYoshiki();
return ( return (
<P accessibilityRole={Platform.OS === "web" ? "listitem" : props.accessibilityRole} {...props}> <P role={Platform.OS === "web" ? "listitem" : props.role} {...props}>
<Text <Text
{...css({ {...css({
height: percent(100), height: percent(100),

View File

@ -113,7 +113,7 @@ export const EpisodeLine = ({
focus: { focus: {
self: focusReset, self: focusReset,
poster: { poster: {
transform: [{ scale: 1.1 }], transform: "scale(1.1)" as any,
borderColor: (theme: Theme) => theme.accent, borderColor: (theme: Theme) => theme.accent,
}, },
title: { title: {

View File

@ -103,7 +103,7 @@ export const Hover = ({
props, props,
)} )}
> >
<VideoPoster poster={poster} /> <VideoPoster poster={poster} alt={showName}/>
<View <View
{...css({ {...css({
marginLeft: { xs: ts(0.5), sm: ts(3) }, marginLeft: { xs: ts(0.5), sm: ts(3) },
@ -209,7 +209,7 @@ export const Back = ({
); );
}; };
const VideoPoster = ({ poster }: { poster?: KyooImage | null }) => { const VideoPoster = ({ poster, alt }: { poster?: KyooImage | null, alt?: string }) => {
const { css } = useYoshiki(); const { css } = useYoshiki();
return ( return (
@ -223,6 +223,7 @@ const VideoPoster = ({ poster }: { poster?: KyooImage | null }) => {
<Poster <Poster
src={poster} src={poster}
quality="low" quality="low"
alt={alt}
layout={{ width: percent(100) }} layout={{ width: percent(100) }}
{...(css({ position: "absolute", bottom: 0 }) as { style: ImageStyle })} {...(css({ position: "absolute", bottom: 0 }) as { style: ImageStyle })}
/> />