RI-7517 Hide custom indexes from "Saved Queries" list (#4993)

- show only indexes for the preset sample data in the "Saved Queries" panel
  on the new Vector Search page

Author: valkirilov

redisinsight/ui/src/pages/vector-search/saved-queries/SavedQueriesScreen.spec.tsx

@@ -7,6 +7,7 @@ import { render, screen, fireEvent } from 'uiSrc/utils/test-utils'
 import { SavedQueriesScreen } from './SavedQueriesScreen'
 import { sendEventTelemetry, TelemetryEvent } from 'uiSrc/telemetry'
 import { useRedisearchListData } from '../useRedisearchListData'
+import { PresetDataType } from '../create-index/types'
 
 // Mock the telemetry sender once for this spec file
 jest.mock('uiSrc/telemetry', () => ({
@@ -39,7 +40,7 @@ describe('SavedQueriesScreen', () => {
     ;(useRedisearchListData as jest.Mock).mockReturnValue({
       loading: false,
       data: [],
-      stringData: ['idx:bikes_vss', 'idx:restaurants_vss'],
+      stringData: [PresetDataType.BIKES, PresetDataType.MOVIES],
     })
   })
 
@@ -83,14 +84,43 @@ describe('SavedQueriesScreen', () => {
 
   it('should select the first index by default', () => {
     renderComponent()
-    expect(screen.queryByText('idx:bikes_vss')).toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.BIKES)).toBeInTheDocument()
   })
 
   it('should select the default index if provided', () => {
-    renderComponent('idx:restaurants_vss')
+    renderComponent(PresetDataType.MOVIES)
+
     // The Select component isn't a native <select>, so assert by displayed text
-    expect(screen.queryByText('idx:bikes_vss')).not.toBeInTheDocument()
-    expect(screen.queryByText('idx:restaurants_vss')).toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.BIKES)).not.toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.MOVIES)).toBeInTheDocument()
+  })
+
+  it('should not render queries if the there is no index with preset data', () => {
+    ;(useRedisearchListData as jest.Mock).mockReturnValue({
+      loading: false,
+      data: [],
+      stringData: ['idx:unknown_index'],
+    })
+
+    renderComponent()
+
+    expect(screen.queryByText('idx:unknown_index')).not.toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.BIKES)).not.toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.MOVIES)).not.toBeInTheDocument()
+  })
+
+  it('should render only saved queries related to preset data', () => {
+    ;(useRedisearchListData as jest.Mock).mockReturnValue({
+      loading: false,
+      data: [],
+      stringData: ['idx:unknown_index', PresetDataType.BIKES],
+    })
+
+    renderComponent()
+
+    expect(screen.queryByText('idx:unknown_index')).not.toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.MOVIES)).not.toBeInTheDocument()
+    expect(screen.queryByText(PresetDataType.BIKES)).toBeInTheDocument()
   })
 
   it('should call onClose when close button is clicked', () => {

redisinsight/ui/src/pages/vector-search/saved-queries/SavedQueriesScreen.tsx

@@ -59,16 +59,18 @@ export const SavedQueriesScreen = ({
   const { stringData, loading } = useRedisearchListData()
   const savedIndexes = useMemo(
     () =>
-      stringData.map(
-        (index) =>
-          ({
-            value: index,
-            // Hardcoded values for the preset index, else empty arrays:
-            tags: mockSavedIndexes.find((i) => i.value === index)?.tags || [],
-            queries:
-              mockSavedIndexes.find((i) => i.value === index)?.queries || [],
-          }) as SavedIndex,
-      ),
+      stringData
+        .filter((index) => mockSavedIndexes.some((i) => i.value === index))
+        .map(
+          (index) =>
+            ({
+              value: index,
+              // Hardcoded values for the preset index, else empty arrays:
+              tags: mockSavedIndexes.find((i) => i.value === index)?.tags || [],
+              queries:
+                mockSavedIndexes.find((i) => i.value === index)?.queries || [],
+            }) as SavedIndex,
+        ),
     [stringData],
   )
   const selectedIndexItem = savedIndexes.find(