fix event functions naming
This commit is contained in:
parent
830723fafe
commit
eff2d05431
@ -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);
|
||||
});
|
||||
}}
|
||||
|
||||
@ -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)} />
|
||||
));
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user