Added changes for making tree view persistent, made changes for bugs …

…for loading screen (#153) (#167)

* made the tree persistant, added changes for loading screen



* changes for the text displayed during loading screen



* addressed pr comments



* addressed pr comments, added code for reload button



* addressed pr comments, added Materialiazed view badges, bug fixes for loading state



* updated snapshots



* added tests, addressed pr comments



* added fix for text overflowing



---------


(cherry picked from commit 75f9cca)

Signed-off-by: sumukhswamy <sumukhhs@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

common/constants/index.ts

@@ -10,8 +10,14 @@ export const OPENSEARCH_ACC_DOCUMENTATION_URL =
 export const ACC_INDEX_TYPE_DOCUMENTATION_URL =
   'https://github.com/opensearch-project/opensearch-spark/blob/main/docs/index.md';
 
-export const SKIPPING_INDEX = `skipping_index`;
-export const ON_LOAD_QUERY = `SHOW tables LIKE '%';`;
+export const TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME = `skipping_index`;
+export const TREE_ITEM_COVERING_INDEX_DEFAULT_NAME = `covering_index`;
+export const TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME = `materialized_view`;
+export const TREE_ITEM_DATABASE_NAME_DEFAULT_NAME = `database`;
+export const TREE_ITEM_TABLE_NAME_DEFAULT_NAME = `table`;
+export const TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME = `Load Materialized View`;
+export const TREE_ITEM_BADGE_NAME =`badge`
+export const LOAD_OPENSEARCH_INDICES_QUERY = `SHOW tables LIKE '%';`;
 export const SKIPPING_INDEX_QUERY = `CREATE SKIPPING INDEX ON myS3.logs_db.http_logs 
 (status VALUE_SET) 
 WITH (
@@ -84,3 +90,5 @@ export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices
   `;
 
 export const SIDEBAR_POLL_INTERVAL_MS = 5000;
+
+export const FETCH_OPENSEARCH_INDICES_PATH = '/api/sql_console/sqlquery'

common/types/index.ts

@@ -79,4 +79,12 @@ export interface CreateAccelerationForm {
   formErrors: FormErrorsType;
 }
 
-export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELLED';
+export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELLED';
+export type TreeItemType = 'covering_index' | 'skipping_index' | 'table' | 'database' | 'materialized_view' | 'Load Materialized View' | 'badge'
+
+export interface TreeItem {
+  name: string;
+  type: TreeItemType;
+  isExpanded: boolean;
+  values?: TreeItem[];
+}