fix: download wallet (#11519)

mf-6127 text color
DimensionDev · Mar 25, 2024 · 6d3a3e7 · 6d3a3e7
1 parent 61f0b3b
commit 6d3a3e7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/packages/shared/src/UI/modals/SelectProviderModal/GuideDialog.tsx b/packages/shared/src/UI/modals/SelectProviderModal/GuideDialog.tsx
@@ -3,7 +3,6 @@ import { useSharedTrans } from '../../../locales/i18n_generated.js'
 import { InjectedDialog, type InjectedDialogProps } from '../../contexts/index.js'
 import type { Web3Helper } from '@masknet/web3-helpers'
 import { DialogContent, Link, Stack, Switch, Typography } from '@mui/material'
-import { Icons } from '@masknet/icons'
 import { makeStyles } from '@masknet/theme'
 
 const useStyles = makeStyles()((theme) => ({
@@ -33,7 +32,6 @@ const useStyles = makeStyles()((theme) => ({
         flexDirection: 'row',
         alignItems: 'center',
         color: theme.palette.maskColor.main,
-        marginLeft: theme.spacing(1.5),
         '&:hover': {
             textDecoration: 'none',
         },
@@ -70,9 +68,9 @@ export const GuideDialog = memo(function GuideDialog({ provider, ...rest }: Prop
                         target="_blank"
                         rel="noopener noreferrer"
                         className={cx(classes.card, classes.downloadButton)}>
-                        <Icons.Chrome size={36} />
+                        <img width={30} height={30} src={provider.icon} />
                         <Typography fontSize={16} fontWeight={700} ml={1.5}>
-                            {t.install_the_extension()}
+                            {t.check_out_website()}
                         </Typography>
                     </Link>
                 </section>

diff --git a/packages/shared/src/UI/modals/SelectProviderModal/PluginProviderRender.tsx b/packages/shared/src/UI/modals/SelectProviderModal/PluginProviderRender.tsx
@@ -149,7 +149,7 @@ export const PluginProviderRender = memo(function PluginProviderRender({
     requiredSupportChainIds,
     requiredSupportPluginID,
 }: PluginProviderRenderProps) {
-    const { classes, cx } = useStyles()
+    const { classes, theme, cx } = useStyles()
     const t = useSharedTrans()
     const plugins = useActivatedPluginsSiteAdaptor('any')
     const [selectChainDialogOpen, setSelectChainDialogOpen] = useState(false)
@@ -272,7 +272,7 @@ export const PluginProviderRender = memo(function PluginProviderRender({
                         ))}
                     </List>
                 </section>
-                <Typography mt={2} color="secondary" fontSize={14}>
+                <Typography mt={2} color={theme.palette.maskColor.second} fontSize={14}>
                     {t.not_installed_or_conflict()}
                 </Typography>
                 <section className={classes.section}>

diff --git a/packages/shared/src/locales/en-US.json b/packages/shared/src/locales/en-US.json
@@ -223,6 +223,7 @@
     "if_installed": "2. If you have installed {{- name}} Wallet",
     "download_here": "Download {{- name}} Wallet here",
     "install_the_extension": "Install the Extension",
+    "check_out_website": "Check out the official website",
     "enable_wallet_and_disable_others": "Enable {{- name}} Wallet extension and disable other browser extension wallets",
     "recent_transaction_success": "Success",
     "recent_transaction_failed": "Failed",