get rid of unnecessary props

src/view/app/Indexes/index.tsx

@@ -1,21 +1,6 @@
 import { createRoot } from 'react-dom/client';
-import { TableDetails } from '@app/model';
 import './indexes.css';
 import Indexes from './indexes';
-import { ISettings } from '@src/common/IExtensionSettings';
-
-declare global {
-    interface Window {
-        acquireVsCodeApi(): any;
-        tableDetails: TableDetails;
-        configuration: ISettings;
-    }
-}
 
 const root = createRoot(document.getElementById('root'));
-root.render(
-    <Indexes
-        tableDetails={window.tableDetails}
-        configuration={window.configuration}
-    />
-);
+root.render(<Indexes />);

src/view/app/Indexes/indexes.tsx

@@ -1,17 +1,11 @@
 import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { CommandAction, IndexRow, TableDetails } from '../model';
+import { CommandAction, IndexRow } from '../model';
 import DataGrid from 'react-data-grid';
 import type { SortColumn } from 'react-data-grid';
 import * as columnName from './column.json';
 import { Logger } from '../../../common/Logger';
-import { ISettings } from '../../../common/IExtensionSettings';
-import { getVSCodeAPI } from '@utils/vscode';
-
-interface IConfigProps {
-    tableDetails: TableDetails;
-    configuration: ISettings;
-}
+import { getVSCodeAPI, getVSCodeConfiguration } from '@utils/vscode';
 
 type Comparator = (a: IndexRow, b: IndexRow) => number;
 function getComparator(sortColumn: string): Comparator {
@@ -31,16 +25,17 @@ function rowKeyGetter(row: IndexRow) {
     return row.cName;
 }
 
-function Indexes({ tableDetails, configuration }: IConfigProps) {
-    const [rows, setRows] = useState(tableDetails?.indexes || []);
+function Indexes() {
+    const [rows, setRows] = useState<IndexRow[]>([]);
     const [dataLoaded, setDataLoaded] = useState(false);
     const [sortColumns, setSortColumns] = useState<readonly SortColumn[]>([]);
     const [selectedRows, setSelectedRows] = useState<ReadonlySet<string>>(
         () => new Set()
     );
     const [windowHeight, setWindowHeight] = React.useState(window.innerHeight);
-    const logger = new Logger(configuration.logging.react);
     const vscode = getVSCodeAPI();
+    const configuration = getVSCodeConfiguration();
+    const logger = new Logger(configuration.logging.react);
 
     const windowRezise = () => {
         setWindowHeight(window.innerHeight);

src/webview/PanelViewProvider.ts

@@ -1,7 +1,7 @@
 import path = require('path');
 import * as vscode from 'vscode';
 import { Constants } from '../common/Constants';
-import { CommandAction, ICommand, TableDetails } from '../view/app/model';
+import { CommandAction, ICommand } from '../view/app/model';
 import { TableNode } from '../treeview/TableNode';
 import { TablesListProvider } from '../treeview/TablesListProvider';
 import { FavoritesProvider } from '../treeview/FavoritesProvider';
@@ -32,7 +32,7 @@ export class PanelViewProvider implements vscode.WebviewViewProvider {
         };
         this._view.webview.html = this.getWebviewContent();
 
-        this._view.onDidChangeVisibility((ev) => {
+        this._view.onDidChangeVisibility(() => {
             if (this._view?.visible) {
                 if (this.tableNode) {
                     this.tableListProvider?.displayData(this.tableNode);