From 5fdbb5d1755fd85c273577e14bbd1290b610391d Mon Sep 17 00:00:00 2001
From: lelenei <zwpsky@gmail.com>
Date: Thu, 19 May 2022 00:15:58 +0800
Subject: [PATCH] fix(ins): css style

---
 .../src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx     | 8 ++++----
 packages/mask/src/plugins/Avatar/assets/application.tsx   | 5 ++++-
 .../instagram.com/injection/NFT/NFTAvatarEditProfile.tsx  | 3 +++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
index 17c4115fe58f..c12c6c864ef4 100644
--- a/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
+++ b/packages/mask/src/plugins/Avatar/SNSAdaptor/NFTAvatarButton.tsx
@@ -17,7 +17,7 @@ const useStyles = makeStyles()((theme) => ({
         color: theme.palette.text.primary,
         cursor: 'pointer',
     },
-    icon: {
+    setIcon: {
         width: 14,
         height: 14,
         marginLeft: 2,
@@ -29,7 +29,7 @@ const useStyles = makeStyles()((theme) => ({
     },
 }))
 
-interface NFTAvatarButtonProps extends withClasses<'root' | 'text'> {
+interface NFTAvatarButtonProps extends withClasses<'root' | 'text' | 'icon'> {
     onClick: () => void
     showSetting?: boolean
 }
@@ -41,10 +41,10 @@ export function NFTAvatarButton(props: NFTAvatarButtonProps) {
 
     return (
         <div className={classes.root} onClick={onClick}>
-            <ApplicationSmallIcon />
+            <ApplicationSmallIcon className={classes.icon} />
             <Typography variant="body1" className={classes.text}>
                 <span style={{ marginLeft: 4, fontWeight: 600 }}>{t('nft_avatar')}</span>
-                {props.showSetting ? <GearSettingsIcon className={classes.icon} /> : null}
+                {props.showSetting ? <GearSettingsIcon className={classes.setIcon} /> : null}
             </Typography>
         </div>
     )
diff --git a/packages/mask/src/plugins/Avatar/assets/application.tsx b/packages/mask/src/plugins/Avatar/assets/application.tsx
index 7dc9378ccd8a..25e5dbb38573 100644
--- a/packages/mask/src/plugins/Avatar/assets/application.tsx
+++ b/packages/mask/src/plugins/Avatar/assets/application.tsx
@@ -57,7 +57,10 @@ export const ApplicationRoundIcon = createIcon(
 export const ApplicationSmallIcon = createIcon(
     'ApplicationSmallIcon',
     <g>
-        <path d="M7.41269 2.72136C8.6044 1.76113 10.2272 1.49067 11.7059 1.77176C13.0524 2.09302 14.2571 2.99892 14.9102 4.2237C15.3626 5.02921 15.5031 5.96227 15.509 6.87407C15.5079 9.23743 15.509 11.5996 15.5079 13.963C15.4689 14.2712 15.7122 14.4909 15.8669 14.7271C16.6016 15.7807 16.9453 17.0586 17.0055 18.3318C16.5638 18.3342 16.122 18.333 15.6803 18.3318C15.613 17.5098 15.4677 16.6877 15.0827 15.9496C13.8768 15.9436 12.6721 15.9696 11.4662 15.9578C11.4591 15.0626 11.4626 14.1673 11.4615 13.272C10.4327 13.0311 9.34613 13.2106 8.38 13.6098C6.53396 14.3882 5.28437 16.3369 5.29145 18.333H3.99934C3.93792 16.7551 4.59225 15.2007 5.62452 14.0256C5.76979 13.8886 5.71782 13.6736 5.73318 13.4964C5.72019 11.6846 5.74145 9.87167 5.72255 8.05988C5.67767 7.15753 5.70601 6.254 5.74735 5.35164C5.85483 4.27213 6.51742 3.31072 7.41269 2.72136ZM11.6422 3.08632C11.791 3.5056 12.1973 3.77017 12.3579 4.18827C12.8622 5.12606 12.7193 6.21148 12.7359 7.23194C12.7441 9.7134 12.7418 12.1937 12.7429 14.6752C13.2378 14.6763 13.7339 14.6787 14.2287 14.6693C14.2252 12.0709 14.2264 9.47128 14.2287 6.87289C14.2228 6.24573 14.1602 5.59967 13.8803 5.02803C13.4658 4.09497 12.6154 3.38159 11.6422 3.08632ZM7.93118 3.93434C7.27804 4.36071 6.95442 5.16149 6.97923 5.92447C8.47685 5.93864 9.97329 5.9292 11.4709 5.93038C11.5241 4.93472 10.8804 3.92371 9.89533 3.66859C9.23865 3.43592 8.52645 3.62253 7.93118 3.93434ZM7.0182 7.20241C7.01112 7.73508 7.03001 8.29492 7.31111 8.76617C7.72922 9.55868 8.59614 10.0453 9.48313 10.0725C9.48432 10.4953 9.48432 10.9181 9.48313 11.3421C8.56543 11.322 7.68434 10.9642 6.98986 10.3689C7.00285 11.1945 6.98986 12.0201 6.99931 12.8468C8.30677 12.0106 9.93077 11.6598 11.465 11.9055C11.4567 10.3382 11.4638 8.76971 11.4603 7.20241C9.98037 7.20123 8.49929 7.20123 7.0182 7.20241Z" />
+        <path
+            fill="currentColor"
+            d="M7.41269 2.72136C8.6044 1.76113 10.2272 1.49067 11.7059 1.77176C13.0524 2.09302 14.2571 2.99892 14.9102 4.2237C15.3626 5.02921 15.5031 5.96227 15.509 6.87407C15.5079 9.23743 15.509 11.5996 15.5079 13.963C15.4689 14.2712 15.7122 14.4909 15.8669 14.7271C16.6016 15.7807 16.9453 17.0586 17.0055 18.3318C16.5638 18.3342 16.122 18.333 15.6803 18.3318C15.613 17.5098 15.4677 16.6877 15.0827 15.9496C13.8768 15.9436 12.6721 15.9696 11.4662 15.9578C11.4591 15.0626 11.4626 14.1673 11.4615 13.272C10.4327 13.0311 9.34613 13.2106 8.38 13.6098C6.53396 14.3882 5.28437 16.3369 5.29145 18.333H3.99934C3.93792 16.7551 4.59225 15.2007 5.62452 14.0256C5.76979 13.8886 5.71782 13.6736 5.73318 13.4964C5.72019 11.6846 5.74145 9.87167 5.72255 8.05988C5.67767 7.15753 5.70601 6.254 5.74735 5.35164C5.85483 4.27213 6.51742 3.31072 7.41269 2.72136ZM11.6422 3.08632C11.791 3.5056 12.1973 3.77017 12.3579 4.18827C12.8622 5.12606 12.7193 6.21148 12.7359 7.23194C12.7441 9.7134 12.7418 12.1937 12.7429 14.6752C13.2378 14.6763 13.7339 14.6787 14.2287 14.6693C14.2252 12.0709 14.2264 9.47128 14.2287 6.87289C14.2228 6.24573 14.1602 5.59967 13.8803 5.02803C13.4658 4.09497 12.6154 3.38159 11.6422 3.08632ZM7.93118 3.93434C7.27804 4.36071 6.95442 5.16149 6.97923 5.92447C8.47685 5.93864 9.97329 5.9292 11.4709 5.93038C11.5241 4.93472 10.8804 3.92371 9.89533 3.66859C9.23865 3.43592 8.52645 3.62253 7.93118 3.93434ZM7.0182 7.20241C7.01112 7.73508 7.03001 8.29492 7.31111 8.76617C7.72922 9.55868 8.59614 10.0453 9.48313 10.0725C9.48432 10.4953 9.48432 10.9181 9.48313 11.3421C8.56543 11.322 7.68434 10.9642 6.98986 10.3689C7.00285 11.1945 6.98986 12.0201 6.99931 12.8468C8.30677 12.0106 9.93077 11.6598 11.465 11.9055C11.4567 10.3382 11.4638 8.76971 11.4603 7.20241C9.98037 7.20123 8.49929 7.20123 7.0182 7.20241Z"
+        />
     </g>,
     '0 0 21 20',
 )
diff --git a/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx b/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
index b925601314d6..51e407b01eb8 100644
--- a/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
+++ b/packages/mask/src/social-network-adaptor/instagram.com/injection/NFT/NFTAvatarEditProfile.tsx
@@ -38,6 +38,9 @@ const useStyles = makeStyles()(() => ({
         color: '#ffffff',
         lineHeight: '12px',
     },
+    icon: {
+        color: 'white',
+    },
 }))
 
 export function openNFTAvatarSettingDialog() {