hide instead of show

Author: dharit-tan

packages/mobile/src/components/core/SectionList.tsx

@@ -126,20 +126,20 @@ export const SectionList = forwardRef(function SectionList<
   SectionT = DefaultSectionT
 >(
   props: Animated.AnimatedProps<RNSectionListProps<ItemT, SectionT>> & {
-    shouldShowPlayBarChin?: boolean
+    hidePlayBarChin?: boolean
   },
   ref: Ref<RNSectionList<ItemT, SectionT>>
 ) {
-  const { ListFooterComponent, shouldShowPlayBarChin, ...other } = props
+  const { ListFooterComponent, hidePlayBarChin, ...other } = props
 
   const FooterComponent = ListFooterComponent ? (
     <>
       {ListFooterComponent}
-      {shouldShowPlayBarChin ? <PlayBarChin /> : null}
+      {hidePlayBarChin ? null : <PlayBarChin />}
     </>
-  ) : shouldShowPlayBarChin ? (
+  ) : hidePlayBarChin ? null : (
     <PlayBarChin />
-  ) : null
+  )
 
   const sectionListProps = {
     ...other,

packages/mobile/src/components/lineup/TanQueryLineup.tsx

@@ -300,7 +300,7 @@ export type LineupProps = {
   /**
    * Whether to show the play bar chin
    */
-  shouldShowPlayBarChin?: boolean
+  hidePlayBarChin?: boolean
 
   // Tan query props
   pageSize: number
@@ -355,7 +355,7 @@ export const TanQueryLineup = ({
   isPending,
   queryData = [],
   maxEntries = Infinity,
-  shouldShowPlayBarChin = true,
+  hidePlayBarChin = false,
   ...listProps
 }: LineupProps) => {
   const debouncedLoadNextPage = useDebouncedCallback(
@@ -526,7 +526,7 @@ export const TanQueryLineup = ({
         onScroll={handleScroll}
         ListHeaderComponent={hideHeaderOnEmpty && isEmpty ? undefined : header}
         ListFooterComponent={lineup.hasMore ? null : ListFooterComponent}
-        shouldShowPlayBarChin={shouldShowPlayBarChin}
+        hidePlayBarChin={true}
         ListEmptyComponent={LineupEmptyComponent}
         onEndReached={handleEndReached}
         onEndReachedThreshold={LOAD_MORE_THRESHOLD}

packages/mobile/src/screens/track-screen/TrackScreenLineup.tsx

@@ -85,7 +85,7 @@ export const TrackScreenLineup = ({
             hasMore={false}
             isPending={isPending}
             queryData={data}
-            shouldShowPlayBarChin={false}
+            hidePlayBarChin={true}
           />
           {parentTrackId ? (
             <ViewOtherRemixesButton parentTrackId={parentTrackId} />