diff --git a/apps/web/Components/Admin/Cache/Query.tsx b/apps/web/Components/Admin/Cache/Query.tsx index 06cd4dd..19b1501 100644 --- a/apps/web/Components/Admin/Cache/Query.tsx +++ b/apps/web/Components/Admin/Cache/Query.tsx @@ -7,7 +7,7 @@ import { Button, Collapse } from 'ui/elements'; import { Flex } from 'ui/grid'; type QueryProps = { - readonly handleDeleteQuery: () => Promise; + readonly onDeleteQuery: () => Promise; readonly queryKey: string; }; @@ -20,7 +20,7 @@ const StyledPre = styled.pre` } `; -export const Query = memo(({ handleDeleteQuery, queryKey }: QueryProps) => { +export const Query = memo(({ onDeleteQuery, queryKey }: QueryProps) => { const { data, refetch } = useQuery({ enabled: false, queryFn: ({ signal }) => signal && cacheApi.getQueryValue(queryKey, { signal }), @@ -41,7 +41,7 @@ export const Query = memo(({ handleDeleteQuery, queryKey }: QueryProps) => { disabled={deletePending} onClick={() => { setDeletePending(true); - handleDeleteQuery().finally(() => { + onDeleteQuery().finally(() => { setDeletePending(false); }); }} diff --git a/apps/web/Components/Admin/Cache/QueryList.tsx b/apps/web/Components/Admin/Cache/QueryList.tsx index ec57065..0035db4 100644 --- a/apps/web/Components/Admin/Cache/QueryList.tsx +++ b/apps/web/Components/Admin/Cache/QueryList.tsx @@ -13,13 +13,13 @@ export const QueryList = memo(({ queries }: QueryListProps) => { [deletedQueries, queries] ); - function deleteQuery(queryKey: string) { + function handleDeleteQuery(queryKey: string) { return cacheApi .deleteQuery(queryKey) .then(() => setDeletedQueries([...deletedQueries, queryKey])); } return activeQueries.map((queryKey) => ( - deleteQuery(queryKey)} /> + handleDeleteQuery(queryKey)} /> )); });