evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

apps/web (Admin/Cache): temp remove ReloadButton

Browse Source
This commit is contained in:
vchikalkin 2024-04-11 14:58:36 +03:00
parent 501ed13f8a
commit 09fc6956d8
2 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/Components/Admin/Cache/QueryList.tsx
View File

@ -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)} />
));
});
};

4
apps/web/Components/Admin/Cache/index.tsx
View File

@ -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