From a0a58f23637b9e65068252f2e3ec324c00e284a0 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Fri, 21 Jun 2024 15:56:00 +0300
Subject: [PATCH] fix layout

---
 apps/web/Components/Admin/Cache/index.tsx | 39 ++++++++++++-----------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/apps/web/Components/Admin/Cache/index.tsx b/apps/web/Components/Admin/Cache/index.tsx
index 1484e7c..34c8a28 100644
--- a/apps/web/Components/Admin/Cache/index.tsx
+++ b/apps/web/Components/Admin/Cache/index.tsx
@@ -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,19 +51,19 @@ export function Cache() {
           allowClear
           onChange={(e) => setFilterString(e.target.value)}
         />
-      </Flex>
-      <Collapse
-        accordion
-        items={Object.keys(filteredQueries).map((queryGroupName) => ({
-          children: <QueryList {...filteredQueries[queryGroupName]} />,
-          key: queryGroupName,
-          label: queryGroupName,
-        }))}
-      />
-      <Flex style={{ justifyContent: 'end', marginTop: '10px' }}>
-        <Button type="primary" danger disabled={false} onClick={() => handleDeleteQuery()}>
-          Удалить все запросы
-        </Button>
+        <Collapse
+          accordion
+          items={Object.keys(filteredQueries).map((queryGroupName) => ({
+            children: <QueryList {...filteredQueries[queryGroupName]} />,
+            key: queryGroupName,
+            label: queryGroupName,
+          }))}
+        />
+        <ButtonWrapper>
+          <Button type="primary" danger disabled={false} onClick={() => handleDeleteQuery()}>
+            Очистить кэш
+          </Button>
+        </ButtonWrapper>
       </Flex>
     </Wrapper>
   );