fix layout
This commit is contained in:
parent
d6cbf18dce
commit
a0a58f2363
@ -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>
|
||||
);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user