fix event functions naming

This commit is contained in:
vchikalkin 2024-04-10 16:04:54 +03:00
parent 830723fafe
commit eff2d05431
2 changed files with 5 additions and 5 deletions

View File

@ -7,7 +7,7 @@ import { Button, Collapse } from 'ui/elements';
import { Flex } from 'ui/grid';
type QueryProps = {
readonly handleDeleteQuery: () => Promise<void>;
readonly onDeleteQuery: () => Promise<void>;
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);
});
}}

View File

@ -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) => (
<Query key={queryKey} queryKey={queryKey} handleDeleteQuery={() => deleteQuery(queryKey)} />
<Query key={queryKey} queryKey={queryKey} onDeleteQuery={() => handleDeleteQuery(queryKey)} />
));
});