From e3ec245e1853929a89a06465d8360e6f887d08a7 Mon Sep 17 00:00:00 2001
From: Jincheng Wan <45655760+Kapian1234@users.noreply.github.com>
Date: Mon, 21 Oct 2024 14:45:00 +0800
Subject: [PATCH] Hide incompatible index patterns (#354)

* Display a message when there is no supported data source

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* filter out incompatible index patterns

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* Display a message when there is no supported data source

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* remove log

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* remove unused import

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* add changelog

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* modify changelog

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

* resolve some issues

Signed-off-by: Kapian1234 <wanjinch@amazon.com>

---------

Signed-off-by: Kapian1234 <wanjinch@amazon.com>
Signed-off-by: Jincheng Wan <45655760+Kapian1234@users.noreply.github.com>
---
 CHANGELOG.md                                  |  1 +
 .../visualization/source_selector.tsx         | 34 ++++++++++++++-----
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index bf4a8925..d84ea60f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -25,6 +25,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - refactor: Add data source info in discover url when navigating([#347](https://github.com/opensearch-project/dashboards-assistant/pull/347))
 - feat: only display ai actions that compatible with the datasource([#350](https://github.com/opensearch-project/dashboards-assistant/pull/350))
 - feat: take index pattern and query assistant input to text2viz app([#349](https://github.com/opensearch-project/dashboards-assistant/pull/349))
+- feat: Hide incompatible index patterns ([#354] (https://github.com/opensearch-project/dashboards-assistant/pull/354))
 
 
 ### 📈 Features/Enhancements
diff --git a/public/components/visualization/source_selector.tsx b/public/components/visualization/source_selector.tsx
index 3cbb620d..9a2720fb 100644
--- a/public/components/visualization/source_selector.tsx
+++ b/public/components/visualization/source_selector.tsx
@@ -5,7 +5,6 @@
 
 import React, { useCallback, useMemo, useState, useEffect, useRef } from 'react';
 import { i18n } from '@osd/i18n';
-
 import { useOpenSearchDashboards } from '../../../../../src/plugins/opensearch_dashboards_react/public';
 import {
   DataSource,
@@ -139,13 +138,9 @@ export const SourceSelector = ({
             }
           );
           if (!res.exists) {
-            dataSourceIdToIndexPatternIds[key].forEach((indexPatternId) => {
-              indexPatternOptions.options.forEach((option) => {
-                if (option.value === indexPatternId) {
-                  option.disabled = true;
-                }
-              });
-            });
+            indexPatternOptions.options = indexPatternOptions.options.filter(
+              (option) => !dataSourceIdToIndexPatternIds[key].includes(option.value)
+            );
           }
         }
       );
@@ -171,10 +166,31 @@ export const SourceSelector = ({
     dataSources.dataSourceService.reload();
   }, [dataSources.dataSourceService]);
 
+  const options = useMemo(() => {
+    if (dataSourceOptions[0] && dataSourceOptions[0].options.length > 0) {
+      return dataSourceOptions;
+    }
+    return [
+      {
+        label: i18n.translate('dashboardAssistant.datasource.selector.group.label', {
+          defaultMessage: 'Index patterns',
+        }),
+        options: [
+          {
+            label: i18n.translate('dashboardAssistant.datasource.selector.emptyMessage.label', {
+              defaultMessage: 'No supported index patterns',
+            }),
+            disabled: true,
+          },
+        ],
+      },
+    ];
+  }, [dataSourceOptions]);
+
   return (
     <DataSourceSelectable
       dataSources={currentDataSources}
-      dataSourceOptionList={dataSourceOptions}
+      dataSourceOptionList={options}
       setDataSourceOptionList={onSetDataSourceOptions}
       onDataSourceSelect={onDataSourceSelect}
       selectedSources={selectedSources}