fix: add limit, add useMemo to columns

Author: artemmufazalov

src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx

@@ -37,7 +37,10 @@ export function TopQueries({tenantName}: TopQueriesProps) {
     const query = parseQuery(location);
 
     const [autoRefreshInterval] = useAutoRefreshInterval();
-    const columns = getTenantOverviewTopQueriesColumns();
+
+    const columns = React.useMemo(() => {
+        return getTenantOverviewTopQueriesColumns();
+    }, []);
 
     const {currentData, isFetching, error} = topQueriesApi.useGetTopQueriesQuery(
         {database: tenantName},

src/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.tsx

@@ -38,7 +38,9 @@ export const RunningQueriesData = ({database, onRowClick, rowClassName}: Props)
 
     const data = currentData?.resultSets?.[0].result || [];
 
-    const columns = getRunningQueriesColumns();
+    const columns = React.useMemo(() => {
+        return getRunningQueriesColumns();
+    }, []);
 
     const handleRowClick = (row: KeyValueRow) => {
         return onRowClick(row.QueryText as string);

src/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.tsx

@@ -37,7 +37,9 @@ export const TopQueriesData = ({database, onRowClick, rowClassName}: Props) => {
 
     const data = currentData?.resultSets?.[0]?.result || [];
 
-    const columns = getTopQueriesColumns();
+    const columns = React.useMemo(() => {
+        return getTopQueriesColumns();
+    }, []);
 
     const handleRowClick = (row: KeyValueRow) => {
         return onRowClick(row.QueryText as string);

src/store/reducers/executeTopQueries/executeTopQueries.ts

@@ -45,6 +45,7 @@ SELECT ${QUERY_TECHNICAL_MARK}
 FROM \`${path}/.sys/top_queries_by_cpu_time_one_hour\`
 WHERE ${filterConditions || 'true'} AND QueryText NOT LIKE '%${QUERY_TECHNICAL_MARK}%'
 ${orderBy}
+LIMIT 100
 `;
 };