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([]); - 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) => ( 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
Загрузка...
; @@ -43,7 +42,6 @@ export function Cache() { allowClear onChange={(e) => setFilterString(e.target.value)} /> -