From 55cceba1d4171ec2d2cf7a669a6ecbc22945412b Mon Sep 17 00:00:00 2001
From: Aaron Cook <aaron@safe.global>
Date: Fri, 29 Nov 2024 10:48:43 +0100
Subject: [PATCH] Address design review

---
 public/images/sidebar/subaccounts-icon.svg                | 2 +-
 src/components/sidebar/SubaccountInfo/index.tsx           | 6 +++---
 .../sidebar/SubaccountsButton/styles.module.css           | 8 +++++---
 .../tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx    | 2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/images/sidebar/subaccounts-icon.svg b/public/images/sidebar/subaccounts-icon.svg
index ee7ca94938..51289915a7 100644
--- a/public/images/sidebar/subaccounts-icon.svg
+++ b/public/images/sidebar/subaccounts-icon.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.7 5.08051C9.51563 4.79222 10.1 4.01435 10.1 3.1C10.1 1.9402 9.1598 1 8 1C6.8402 1 5.9 1.9402 5.9 3.1C5.9 4.01435 6.48437 4.79222 7.3 5.08051V7.3H4.5C3.3402 7.3 2.4 8.2402 2.4 9.4V10.9195C1.58437 11.2078 1 11.9856 1 12.9C1 14.0598 1.9402 15 3.1 15C4.2598 15 5.2 14.0598 5.2 12.9C5.2 12.3622 4.99787 11.8717 4.66545 11.5002H11.3346C11.0021 11.8717 10.8 12.3622 10.8 12.9C10.8 14.0598 11.7402 15 12.9 15C14.0598 15 15 14.0598 15 12.9C15 11.9856 14.4156 11.2078 13.6 10.9195V9.4C13.6 8.2402 12.6598 7.3 11.5 7.3H8.7V5.08051ZM7.99998 3.99971C8.49704 3.99971 8.89998 3.59676 8.89998 3.09971C8.89998 2.60265 8.49704 2.19971 7.99998 2.19971C7.50293 2.19971 7.09998 2.60265 7.09998 3.09971C7.09998 3.59676 7.50293 3.99971 7.99998 3.99971ZM12.2 10.9195C11.8641 11.0382 11.5675 11.2399 11.3347 11.5H4.66527C4.43249 11.2399 4.13584 11.0382 3.79998 10.9195V9.4002C3.79998 9.0136 4.11338 8.7002 4.49998 8.7002H11.5C11.8866 8.7002 12.2 9.0136 12.2 9.4002V10.9195ZM3.10001 13.7999C3.59706 13.7999 4.00001 13.397 4.00001 12.8999C4.00001 12.4028 3.59706 11.9999 3.10001 11.9999C2.60295 11.9999 2.20001 12.4028 2.20001 12.8999C2.20001 13.397 2.60295 13.7999 3.10001 13.7999ZM13.8 12.8999C13.8 13.397 13.3971 13.7999 12.9 13.7999C12.403 13.7999 12 13.397 12 12.8999C12 12.4028 12.403 11.9999 12.9 11.9999C13.3971 11.9999 13.8 12.4028 13.8 12.8999Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 6.05281C9.95372 5.65955 10.625 4.72067 10.625 3.625C10.625 2.17525 9.44975 1 8 1C6.55025 1 5.375 2.17525 5.375 3.625C5.375 4.72067 6.04628 5.65955 7 6.05281V7.125H4.85C3.6902 7.125 2.75 8.0652 2.75 9.225V9.89937C1.73046 10.2597 1 11.2321 1 12.375C1 13.8247 2.17525 15 3.625 15C5.07475 15 6.25 13.8247 6.25 12.375C6.25 11.2321 5.51954 10.2597 4.5 9.89937V9.575C4.5 9.1884 4.8134 8.875 5.2 8.875H10.8C11.1866 8.875 11.5 9.1884 11.5 9.575V9.89937C10.4805 10.2597 9.75 11.2321 9.75 12.375C9.75 13.8247 10.9253 15 12.375 15C13.8247 15 15 13.8247 15 12.375C15 11.2321 14.2695 10.2597 13.25 9.89937V9.225C13.25 8.0652 12.3098 7.125 11.15 7.125H9V6.05281ZM8 4.5C8.48325 4.5 8.875 4.10825 8.875 3.625C8.875 3.14175 8.48325 2.75 8 2.75C7.51675 2.75 7.125 3.14175 7.125 3.625C7.125 4.10825 7.51675 4.5 8 4.5ZM11.5 12.375C11.5 11.8918 11.8918 11.5 12.375 11.5C12.8582 11.5 13.25 11.8918 13.25 12.375C13.25 12.8582 12.8582 13.25 12.375 13.25C11.8918 13.25 11.5 12.8582 11.5 12.375ZM2.75 12.375C2.75 11.8918 3.14175 11.5 3.625 11.5C4.10825 11.5 4.5 11.8918 4.5 12.375C4.5 12.8582 4.10825 13.25 3.625 13.25C3.14175 13.25 2.75 12.8582 2.75 12.375Z" fill="currentColor"/>
 </svg>
diff --git a/src/components/sidebar/SubaccountInfo/index.tsx b/src/components/sidebar/SubaccountInfo/index.tsx
index dbb333d3af..6bf792ab89 100644
--- a/src/components/sidebar/SubaccountInfo/index.tsx
+++ b/src/components/sidebar/SubaccountInfo/index.tsx
@@ -39,9 +39,9 @@ export function SubaccountInfo(): ReactElement {
       </Box>
       <List sx={{ p: 0, display: 'flex', flexDirection: 'column', gap: 2 }}>
         {[
-          'Use them for specific cases such as DeFi operations',
-          'Install modules to execute transactions, bypassing thresholds',
-          'Make sure that this Safe is not exposed to additional risks',
+          'rebuild your organizational structure onchain',
+          'explore new DeFi opportunities without exposing your main Account',
+          'deploy specialized modules and enable easier access through passkeys and other signers',
         ].map((item) => {
           return (
             <ListItem key={item} sx={{ p: 0, pl: 1.5, alignItems: 'unset' }}>
diff --git a/src/components/sidebar/SubaccountsButton/styles.module.css b/src/components/sidebar/SubaccountsButton/styles.module.css
index 0a17a7536e..d0254216ea 100644
--- a/src/components/sidebar/SubaccountsButton/styles.module.css
+++ b/src/components/sidebar/SubaccountsButton/styles.module.css
@@ -1,10 +1,12 @@
 .badge :global .MuiBadge-badge {
-  border: 2px solid var(--color-background-paper);
+  border: 1px solid var(--color-background-main);
   border-radius: 50%;
   box-sizing: content-box;
-  right: 10px;
+  right: 12px;
   top: 8px;
-  background-color: var(--color-success-light);
+  background-color: var(--color-secondary-main);
+  height: 6px;
+  min-width: 6px;
 }
 
 .count {
diff --git a/src/components/tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx b/src/components/tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx
index 0b52d39a2a..64c95809fd 100644
--- a/src/components/tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx
+++ b/src/components/tx-flow/flows/CreateSubaccount/SetupSubaccount.tsx
@@ -251,7 +251,7 @@ function AssetInputs({ name }: { name: SetupSubaccountFormFields.assets }) {
         sx={{ my: 3 }}
         disabled={nonSelectedAssets.length === 0}
       >
-        Add asset
+        Fund new asset
       </Button>
     </>
   )