Move play queue handler to context

This commit is contained in:
jeffvli 2022-12-31 19:26:58 -08:00
parent 0f364f7c5c
commit aa1cd742ad
15 changed files with 207 additions and 171 deletions

View file

@ -109,7 +109,7 @@ interface BaseGridCardProps {
route: CardRoute;
};
data: any;
handlePlayQueueAdd: (options: PlayQueueAddOptions) => void;
handlePlayQueueAdd?: (options: PlayQueueAddOptions) => void;
loading?: boolean;
size: number;
}

View file

@ -118,7 +118,7 @@ export const CardControls = ({
itemType,
handlePlayQueueAdd,
}: {
handlePlayQueueAdd: (options: PlayQueueAddOptions) => void;
handlePlayQueueAdd?: (options: PlayQueueAddOptions) => void;
itemData: any;
itemType: LibraryItem;
}) => {
@ -127,7 +127,7 @@ export const CardControls = ({
const handlePlay = (e: MouseEvent<HTMLButtonElement>, playType?: Play) => {
e.preventDefault();
e.stopPropagation();
handlePlayQueueAdd({
handlePlayQueueAdd?.({
byItemType: {
id: itemData.id,
type: itemType,

View file

@ -9,7 +9,7 @@ import type { CardRow } from '/@/renderer/types';
import { LibraryItem, Play } from '/@/renderer/types';
import styled from 'styled-components';
import { AlbumCard } from '/@/renderer/components/card';
import { useHandlePlayQueueAdd } from '/@/renderer/features/player/hooks/use-handle-playqueue-add';
import { usePlayQueueAdd } from '/@/renderer/features/player/hooks/use-playqueue-add';
interface GridCarouselProps {
cardRows: CardRow<any>[];
@ -80,7 +80,7 @@ const Carousel = ({ data, cardRows }: any) => {
const { loading, pagination, gridHeight, imageSize, direction, uniqueId } =
useContext(GridCarouselContext);
const handlePlayQueueAdd = useHandlePlayQueueAdd();
const handlePlayQueueAdd = usePlayQueueAdd();
return (
<Wrapper>