fix: not show filter list for live

Author: caieu

app/components/UI/Predict/views/PredictFeedView/PredictFeedView.test.tsx

@@ -295,7 +295,8 @@ describe('PredictFeedView', () => {
       expect(screen.getAllByText('Tennis').length).toBeGreaterThan(0);
     });
 
-    it('hides the tab bar for a single-tab feed but still renders filters', () => {
+    it('hides the tab bar and filter list for a single-filter feed', () => {
+      mockRouteParams = { feedId: 'live' };
       mockUsePredictFeedConfig.mockReturnValue(
         feedConfigResult({
           feedId: 'live',
@@ -321,8 +322,8 @@ describe('PredictFeedView', () => {
         screen.queryByTestId(PredictFeedViewSelectorsIDs.TABS),
       ).not.toBeOnTheScreen();
       expect(
-        screen.getByTestId(PredictFeedViewSelectorsIDs.FILTERS),
-      ).toBeOnTheScreen();
+        screen.queryByTestId(PredictFeedViewSelectorsIDs.FILTERS),
+      ).not.toBeOnTheScreen();
     });
   });
 

app/components/UI/Predict/views/PredictFeedView/PredictFeedView.tsx

@@ -250,6 +250,7 @@ const PredictFeedView: React.FC = () => {
       })),
     [filters],
   );
+  const showFilterList = chips.length >= 2;
 
   const handleEndReached = useCallback(() => {
     if (hasNextPage && !isFetchingNextPage) {
@@ -391,12 +392,14 @@ const PredictFeedView: React.FC = () => {
           />
         )}
 
-        <PredictChipList
-          chips={chips}
-          activeChipKey={activeFilterId ?? ''}
-          onChipSelect={handleFilterSelect}
-          testID={PredictFeedViewSelectorsIDs.FILTERS}
-        />
+        {showFilterList && (
+          <PredictChipList
+            chips={chips}
+            activeChipKey={activeFilterId ?? ''}
+            onChipSelect={handleFilterSelect}
+            testID={PredictFeedViewSelectorsIDs.FILTERS}
+          />
+        )}
 
         {renderContent()}
       </Box>