From 09fc6956d814bf5982c189e87cc7a9b88163e24e Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Thu, 11 Apr 2024 14:58:36 +0300
Subject: [PATCH] apps/web (Admin/Cache): temp remove ReloadButton

---
 apps/web/Components/Admin/Cache/QueryList.tsx | 13 +++++--------
 apps/web/Components/Admin/Cache/index.tsx     |  4 +---
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/web/Components/Admin/Cache/QueryList.tsx b/apps/web/Components/Admin/Cache/QueryList.tsx
index 0035db4..f508e39 100644
--- a/apps/web/Components/Admin/Cache/QueryList.tsx
+++ b/apps/web/Components/Admin/Cache/QueryList.tsx
@@ -1,25 +1,22 @@
 import { Query } from './Query';
 import * as cacheApi from '@/api/cache/query';
-import { memo, useMemo, useState } from 'react';
+import { useState } from 'react';
 import type { QueryItem } from 'shared/types/cache';
 
 type QueryListProps = QueryItem;
 
-export const QueryList = memo(({ queries }: QueryListProps) => {
+export const QueryList = ({ queries }: QueryListProps) => {
   const [deletedQueries, setDeletedQueries] = useState<QueryItem['queries']>([]);
 
-  const activeQueries = useMemo(
-    () => queries.filter((queryKey) => !deletedQueries.includes(queryKey)),
-    [deletedQueries, queries]
-  );
-
   function handleDeleteQuery(queryKey: string) {
     return cacheApi
       .deleteQuery(queryKey)
       .then(() => setDeletedQueries([...deletedQueries, queryKey]));
   }
 
+  const activeQueries = queries.filter((queryKey) => !deletedQueries.includes(queryKey));
+
   return activeQueries.map((queryKey) => (
     <Query key={queryKey} queryKey={queryKey} onDeleteQuery={() => handleDeleteQuery(queryKey)} />
   ));
-});
+};
diff --git a/apps/web/Components/Admin/Cache/index.tsx b/apps/web/Components/Admin/Cache/index.tsx
index e344a54..e9ff863 100644
--- a/apps/web/Components/Admin/Cache/index.tsx
+++ b/apps/web/Components/Admin/Cache/index.tsx
@@ -1,7 +1,6 @@
 import Background from '../../Layout/Background';
 import { useFilteredQueries } from './lib/hooks';
 import { QueryList } from './QueryList';
-import { ReloadButton } from './ReloadButton';
 import { min } from '@/styles/mq';
 import styled from 'styled-components';
 import { Collapse, Divider, Input } from 'ui/elements';
@@ -28,7 +27,7 @@ const Flex = styled.div`
 `;
 
 export function Cache() {
-  const { filteredQueries, refetch, setFilterString } = useFilteredQueries();
+  const { filteredQueries, setFilterString } = useFilteredQueries();
 
   if (!filteredQueries) {
     return <div>Загрузка...</div>;
@@ -43,7 +42,6 @@ export function Cache() {
           allowClear
           onChange={(e) => setFilterString(e.target.value)}
         />
-        <ReloadButton onClick={refetch} />
       </Flex>
       <Collapse
         accordion