From f9ec462bd6d206163e6f7613fe7dcbb56cb932dd Mon Sep 17 00:00:00 2001
From: Adem ilter <ademilter@gmail.com>
Date: Tue, 5 Nov 2024 21:35:40 +0300
Subject: [PATCH] style

---
 .../src/components/databrowser/components/add-key-modal.tsx  | 3 +--
 .../databrowser/components/display/display-simple.tsx        | 2 +-
 .../databrowser/components/display/ttl-popover.tsx           | 5 ++---
 .../databrowser/components/sidebar/reload-button.tsx         | 3 +--
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx b/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx
index 9c43a61..b29a27b 100644
--- a/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/add-key-modal.tsx
@@ -116,11 +116,10 @@ export function AddKeyModal() {
           <div className="mt-6 flex justify-end gap-2">
             <Button
               type="button"
+              variant="outline"
               onClick={() => {
                 setOpen(false)
               }}
-              variant={"outline"}
-              className="font-normal"
             >
               Cancel
             </Button>
diff --git a/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx b/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx
index f837995..72546a1 100644
--- a/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/display/display-simple.tsx
@@ -70,10 +70,10 @@ const EditorDisplayForm = ({
         <div className="flex gap-2">
           {form.formState.isDirty && <Button onClick={handleCancel}>Cancel</Button>}
           <Button
+            variant="primary"
             onClick={form.handleSubmit(async ({ value }) => {
               await setKey(value)
             })}
-            variant="primary"
             disabled={!form.formState.isValid || !form.formState.isDirty}
           >
             <Spinner isLoading={isSettingKey} isLoadingText={"Saving"}>
diff --git a/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx b/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx
index 71c147a..47d23e6 100644
--- a/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/display/ttl-popover.tsx
@@ -126,11 +126,10 @@ export function TTLPopover({
 
           <div className="flex justify-between">
             <Button
+              type="button"
+              variant="outline"
               disabled={ttl === PERSISTED_KEY}
-              size={"sm"}
-              variant={"outline"}
               onClick={handlePersist}
-              type="button"
             >
               Persist
             </Button>
diff --git a/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx b/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx
index 77f4be2..5cb513c 100644
--- a/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx
+++ b/packages/react-databrowser/src/components/databrowser/components/sidebar/reload-button.tsx
@@ -25,8 +25,7 @@ export const ReloadButton = ({
     <div>
       <Button
         variant="outline"
-        size="icon"
-        className="h-8 w-8 rounded-md border border-[#D9D9D9]"
+        size="icon-sm"
         onClick={handleClick}
         disabled={isLoading || isLoadingProp}
       >