From 46fdacad813760cb2fda7b34cd7f1761413ed17b Mon Sep 17 00:00:00 2001 From: Kendall Garner <17521368+kgarner7@users.noreply.github.com> Date: Wed, 27 Mar 2024 21:15:23 -0700 Subject: [PATCH] Make home page modal play button use default behavior --- src/renderer/components/feature-carousel/index.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/renderer/components/feature-carousel/index.tsx b/src/renderer/components/feature-carousel/index.tsx index 2502db83..7e97c035 100644 --- a/src/renderer/components/feature-carousel/index.tsx +++ b/src/renderer/components/feature-carousel/index.tsx @@ -14,6 +14,7 @@ import { Badge } from '/@/renderer/components/badge'; import { AppRoute } from '/@/renderer/router/routes'; import { usePlayQueueAdd } from '/@/renderer/features/player/hooks/use-playqueue-add'; import { Play } from '/@/renderer/types'; +import { usePlayButtonBehavior } from '/@/renderer/store'; const Carousel = styled(motion.div)` position: relative; @@ -114,6 +115,7 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => { const handlePlayQueueAdd = usePlayQueueAdd(); const [itemIndex, setItemIndex] = useState(0); const [direction, setDirection] = useState(0); + const playType = usePlayButtonBehavior(); const currentItem = data?.[itemIndex]; @@ -222,11 +224,18 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => { id: [currentItem.id], type: LibraryItem.ALBUM, }, - playType: Play.NOW, + playType, }); }} > - {t('player.play', { postProcess: 'titleCase' })} + {t( + playType === Play.NOW + ? 'player.play' + : playType === Play.NEXT + ? 'player.addNext' + : 'player.addLast', + { postProcess: 'titleCase' }, + )}