From 1a8492b9c25b86bd767d2d2774e78af52429a81a Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Tue, 30 Jul 2024 15:24:11 +0200
Subject: [PATCH] chore: fixed a few destructive buttons (#15990)

---
 .../settings/platform/oauth-clients/OAuthClientCard.tsx    | 6 +-----
 apps/web/pages/settings/my-account/profile.tsx             | 7 +++----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/apps/web/components/settings/platform/oauth-clients/OAuthClientCard.tsx b/apps/web/components/settings/platform/oauth-clients/OAuthClientCard.tsx
index d57f254f55..1c658eb7ac 100644
--- a/apps/web/components/settings/platform/oauth-clients/OAuthClientCard.tsx
+++ b/apps/web/components/settings/platform/oauth-clients/OAuthClientCard.tsx
@@ -148,11 +148,7 @@ export const OAuthClientCard = ({
           onClick={() => router.push(`/settings/platform/oauth-clients/${id}/edit`)}>
           Edit
         </Button>
-        <Button
-          className="bg-red-500 text-white hover:bg-red-600"
-          loading={isLoading}
-          disabled={isLoading}
-          onClick={() => onDelete(id)}>
+        <Button color="destructive" loading={isLoading} disabled={isLoading} onClick={() => onDelete(id)}>
           Delete
         </Button>
       </div>
diff --git a/apps/web/pages/settings/my-account/profile.tsx b/apps/web/pages/settings/my-account/profile.tsx
index 5ce6a9f193..1e17681c78 100644
--- a/apps/web/pages/settings/my-account/profile.tsx
+++ b/apps/web/pages/settings/my-account/profile.tsx
@@ -641,8 +641,7 @@ const ProfileForm = ({
 
                       {showRemoveAvatarButton && (
                         <Button
-                          color="secondary"
-                          className="hover:bg-red-600"
+                          color="destructive"
                           onClick={() => {
                             onChange(null);
                           }}>
@@ -717,8 +716,8 @@ const ProfileForm = ({
                 <span className="text-default ml-2 text-sm">{user.identityProviderEmail}</span>
               )}
               <div className="flex flex-1 justify-end">
-                <Button color="destructive" onClick={onDisconnect} size="sm">
-                  Disconnect
+                <Button color="destructive" onClick={onDisconnect}>
+                  {t("disconnect")}
                 </Button>
               </div>
             </div>