mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Fix action for live tv schedule in experimental layout (#5934)
* Fix action for live tv schedule * Fix indentation Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
This commit is contained in:
parent
302ea0b6b0
commit
979c4b49e4
3 changed files with 8 additions and 1 deletions
|
@ -11,6 +11,7 @@ import type { ItemDto } from 'types/base/models/item-dto';
|
||||||
import type { CardOptions } from 'types/cardOptions';
|
import type { CardOptions } from 'types/cardOptions';
|
||||||
|
|
||||||
interface CardBoxProps {
|
interface CardBoxProps {
|
||||||
|
action: string;
|
||||||
item: ItemDto;
|
item: ItemDto;
|
||||||
cardOptions: CardOptions;
|
cardOptions: CardOptions;
|
||||||
className: string;
|
className: string;
|
||||||
|
@ -23,6 +24,7 @@ interface CardBoxProps {
|
||||||
}
|
}
|
||||||
|
|
||||||
const CardBox: FC<CardBoxProps> = ({
|
const CardBox: FC<CardBoxProps> = ({
|
||||||
|
action,
|
||||||
item,
|
item,
|
||||||
cardOptions,
|
cardOptions,
|
||||||
className,
|
className,
|
||||||
|
@ -57,6 +59,7 @@ const CardBox: FC<CardBoxProps> = ({
|
||||||
{layoutManager.desktop
|
{layoutManager.desktop
|
||||||
&& !cardOptions.disableHoverMenu && (
|
&& !cardOptions.disableHoverMenu && (
|
||||||
<CardHoverMenu
|
<CardHoverMenu
|
||||||
|
action={action}
|
||||||
item={item}
|
item={item}
|
||||||
cardOptions={cardOptions}
|
cardOptions={cardOptions}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -15,11 +15,13 @@ import type { ItemDto } from 'types/base/models/item-dto';
|
||||||
import type { CardOptions } from 'types/cardOptions';
|
import type { CardOptions } from 'types/cardOptions';
|
||||||
|
|
||||||
interface CardHoverMenuProps {
|
interface CardHoverMenuProps {
|
||||||
|
action: string,
|
||||||
item: ItemDto;
|
item: ItemDto;
|
||||||
cardOptions: CardOptions;
|
cardOptions: CardOptions;
|
||||||
}
|
}
|
||||||
|
|
||||||
const CardHoverMenu: FC<CardHoverMenuProps> = ({
|
const CardHoverMenu: FC<CardHoverMenuProps> = ({
|
||||||
|
action,
|
||||||
item,
|
item,
|
||||||
cardOptions
|
cardOptions
|
||||||
}) => {
|
}) => {
|
||||||
|
@ -37,7 +39,8 @@ const CardHoverMenu: FC<CardHoverMenuProps> = ({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Box
|
<Box
|
||||||
className='cardOverlayContainer'
|
className='cardOverlayContainer itemAction'
|
||||||
|
data-action={action}
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={url}
|
href={url}
|
||||||
|
|
|
@ -104,6 +104,7 @@ function useCard({ item, cardOptions }: UseCardProps) {
|
||||||
});
|
});
|
||||||
|
|
||||||
const getCardBoxProps = () => ({
|
const getCardBoxProps = () => ({
|
||||||
|
action,
|
||||||
item,
|
item,
|
||||||
cardOptions,
|
cardOptions,
|
||||||
className: cardBoxClass,
|
className: cardBoxClass,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue