From c5572f1b1eb321f56455c5ba668997a5e070c43d Mon Sep 17 00:00:00 2001
From: Harshit Singh <73997189+harshit078@users.noreply.github.com>
Date: Sat, 31 Aug 2024 20:10:38 +0530
Subject: [PATCH] fix: Deactivate & Activate icons should be swapped UI
 improvements (#6796)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Fix

This fixes the minor UI issue #6795 in which it addressed the following
two problems-

1. Fixed the Icon switch
2. Updated the Delete Modal

## Screenshots

<img width="314" alt="Screenshot 2024-08-30 at 1 38 31 AM"
src="https://github.com/user-attachments/assets/2a3e2363-6c0e-493e-825a-5a84121ccc3d">

<img width="168" alt="Screenshot 2024-08-30 at 1 39 13 AM"
src="https://github.com/user-attachments/assets/51b48b85-070f-4656-a42d-31db0baebca3">

<img width="182" alt="Screenshot 2024-08-30 at 1 39 23 AM"
src="https://github.com/user-attachments/assets/6ac958eb-34eb-44b8-a588-30813a567f3e">
---
 .../profile/components/DeleteWorkspace.tsx        | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx b/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx
index f63782fa3..190bd6016 100644
--- a/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx
+++ b/packages/twenty-front/src/modules/settings/profile/components/DeleteWorkspace.tsx
@@ -1,15 +1,12 @@
 import { useState } from 'react';
 import { useRecoilValue } from 'recoil';
-import { H2Title } from 'twenty-ui';
+import { H2Title, IconTrash } from 'twenty-ui';
 
 import { useAuth } from '@/auth/hooks/useAuth';
 import { currentUserState } from '@/auth/states/currentUserState';
-import {
-  ConfirmationModal,
-  StyledConfirmationButton,
-} from '@/ui/layout/modal/components/ConfirmationModal';
+import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal';
 import { useDeleteCurrentWorkspaceMutation } from '~/generated/graphql';
-
+import { Button } from '@/ui/input/button/components/Button';
 export const DeleteWorkspace = () => {
   const [isDeleteWorkSpaceModalOpen, setIsDeleteWorkSpaceModalOpen] =
     useState(false);
@@ -28,10 +25,12 @@ export const DeleteWorkspace = () => {
   return (
     <>
       <H2Title title="Danger zone" description="Delete your whole workspace" />
-      <StyledConfirmationButton
-        onClick={() => setIsDeleteWorkSpaceModalOpen(true)}
+      <Button
+        accent="danger"
         variant="secondary"
         title="Delete workspace"
+        Icon={IconTrash}
+        onClick={() => setIsDeleteWorkSpaceModalOpen(true)}
       />
 
       <ConfirmationModal