fix(query): incorrect selector

Author: Raubzeug

src/containers/Tenant/utils/constants.ts

@@ -6,5 +6,5 @@ export const MAX_QUERY_HEIGHT = 6;
 
 export const QUERY_TABLE_SETTINGS: Settings = {
     ...DEFAULT_TABLE_SETTINGS,
-    dynamicRenderType: 'variable',
+    dynamicRenderType: 'simple',
 };

src/store/reducers/query/query.ts

@@ -148,14 +148,6 @@ const slice = createSlice({
         selectResult: (state) => state.result,
         selectStartTime: (state) => state.result?.startTime,
         selectEndTime: (state) => state.result?.endTime,
-        selectQueriesHistory: (state) => {
-            const items = state.history.queries;
-            const filter = state.history.filter?.toLowerCase();
-
-            return filter
-                ? items.filter((item) => item.queryText.toLowerCase().includes(filter))
-                : items;
-        },
         selectUserInput: (state) => state.input,
         selectIsDirty: (state) => state.isDirty,
         selectQueriesHistoryCurrentIndex: (state) => state.history?.currentIndex,
@@ -174,6 +166,20 @@ export const selectQueryDuration = createSelector(
     },
 );
 
+export const selectQueriesHistory = createSelector(
+    [
+        (state: RootState) => state.query.history.queries,
+        (state: RootState) => state.query.history.filter,
+    ],
+    (queries, filter) => {
+        const normalizedFilter = filter?.toLowerCase();
+        const result = normalizedFilter
+            ? queries.filter((item) => item.queryText.toLowerCase().includes(normalizedFilter))
+            : queries;
+        return result.map((el, index) => ({...el, id: index}));
+    },
+);
+
 export default slice.reducer;
 export const {
     changeUserInput,
@@ -194,7 +200,6 @@ export const {
 export const {
     selectQueriesHistoryFilter,
     selectQueriesHistoryCurrentIndex,
-    selectQueriesHistory,
     selectTenantPath,
     selectResult,
     selectUserInput,