fix layout

This commit is contained in:
vchikalkin 2024-06-21 15:56:00 +03:00
parent d6cbf18dce
commit a0a58f2363

View File

@ -22,17 +22,20 @@ const Wrapper = styled(Background)`
const Flex = styled.div`
display: flex;
margin-bottom: 16px;
justify-content: space-between;
flex-direction: column;
gap: 10px;
`;
const ButtonWrapper = styled.div`
display: flex;
justify-content: flex-end;
`;
export function Cache() {
const { filteredQueries, refetch, setFilterString } = useFilteredQueries();
async function handleDeleteQuery() {
await reset();
refetch();
function handleDeleteQuery() {
return reset().then(() => refetch());
}
if (!filteredQueries) {
@ -48,7 +51,6 @@ export function Cache() {
allowClear
onChange={(e) => setFilterString(e.target.value)}
/>
</Flex>
<Collapse
accordion
items={Object.keys(filteredQueries).map((queryGroupName) => ({
@ -57,10 +59,11 @@ export function Cache() {
label: queryGroupName,
}))}
/>
<Flex style={{ justifyContent: 'end', marginTop: '10px' }}>
<ButtonWrapper>
<Button type="primary" danger disabled={false} onClick={() => handleDeleteQuery()}>
Удалить все запросы
Очистить кэш
</Button>
</ButtonWrapper>
</Flex>
</Wrapper>
);