fix: 🐛 disabled media buttons on banner when no song is playing

eeston · Mar 8, 2024 · 2c36e86 · 2c36e86
1 parent 01ec54a
commit 2c36e86
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/NowPlayingBanner.tsx b/src/components/NowPlayingBanner.tsx
@@ -73,13 +73,15 @@ export const NowPlayingBanner = () => {
                 color={theme.colors.text}
                 onPress={onPressPlayPause}
                 size={24}
+                disabled={!currentTrack}
               />
             )}
             <PressableSFSymbol
               name="forward.fill"
               color={theme.colors.text}
               size={24}
               onPress={onPressNextSong}
+              disabled={!currentTrack}
             />
           </View>
         </View>

diff --git a/src/components/PressableSFSymbol.tsx b/src/components/PressableSFSymbol.tsx
@@ -7,6 +7,7 @@ type PressableSFSymbolProps = {
   color: string;
   size: number;
   testID?: string;
+  disabled?: boolean;
 };
 
 export const PressableSFSymbol = ({
@@ -15,6 +16,7 @@ export const PressableSFSymbol = ({
   color,
   size,
   testID,
+  disabled,
 }: PressableSFSymbolProps) => {
   // const { styles } = useStyles(stylesheet);
 
@@ -23,6 +25,7 @@ export const PressableSFSymbol = ({
       onPress={onPress}
       style={({ pressed }) => [{ opacity: pressed ? 0.5 : 1.0 }]}
       testID={testID}
+      disabled={disabled}
     >
       <SFSymbol
         name={name}