fix: mf-2986 add background gradient for opera wallet (#8269)

* fix: adjust file service dialog padding bottom * fix: mf-2986 add background gradient for opera wallet fallback to default background if it's missed
DimensionDev · Dec 14, 2022 · b1f0faf · b1f0faf
1 parent 31431da
commit b1f0faf
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 5 deletions.
diff --git a/packages/mask/src/components/shared/WalletStatusBox/index.tsx b/packages/mask/src/components/shared/WalletStatusBox/index.tsx
@@ -10,7 +10,6 @@ import {
     useWeb3Connection,
     useBalance,
     useChainIdValid,
-    useNetworkContext,
 } from '@masknet/web3-hooks-base'
 import { FormattedAddress, useSnackbarCallback, WalletIcon } from '@masknet/shared'
 import { ProviderType } from '@masknet/web3-shared-evm'
@@ -113,7 +112,7 @@ export function WalletStatusBox(props: WalletStatusBox) {
     const providerDescriptor = useProviderDescriptor<'all'>()
     const theme = useTheme()
     const { classes, cx } = useStyles({
-        contentBackground: providerDescriptor?.backgroundGradient,
+        contentBackground: providerDescriptor?.backgroundGradient ?? theme.palette.maskColor.publicBg,
         disableChange: props.disableChange,
         withinRiskWarningDialog: props.withinRiskWarningDialog,
         textColor:
@@ -123,8 +122,7 @@ export function WalletStatusBox(props: WalletStatusBox) {
     })
 
     const connection = useWeb3Connection()
-    const { pluginID } = useNetworkContext()
-    const { account, chainId, ...rest } = useChainContext()
+    const { account, chainId } = useChainContext()
 
     const chainIdValid = useChainIdValid()
     const wallet = useWallet()

diff --git a/packages/plugins/FileService/src/SNSAdaptor/MainDialog.tsx b/packages/plugins/FileService/src/SNSAdaptor/MainDialog.tsx
@@ -32,7 +32,6 @@ const useStyles = makeStyles()((theme) => ({
     },
     content: {
         padding: 0,
-        paddingBottom: theme.spacing(2),
         overflow: 'auto',
         boxSizing: 'border-box',
         '&::-webkit-scrollbar': {

diff --git a/packages/plugins/FileService/src/SNSAdaptor/components/FileBrowser.tsx b/packages/plugins/FileService/src/SNSAdaptor/components/FileBrowser.tsx
@@ -78,6 +78,7 @@ const useStyles = makeStyles()((theme) => ({
         flexDirection: 'column',
         overflow: 'auto',
         boxSizing: 'border-box',
+        paddingBottom: theme.spacing(2),
         '&::-webkit-scrollbar': {
             display: 'none',
         },

diff --git a/packages/plugins/FileService/src/SNSAdaptor/components/UploadFile.tsx b/packages/plugins/FileService/src/SNSAdaptor/components/UploadFile.tsx
@@ -17,6 +17,8 @@ const useStyles = makeStyles()((theme) => ({
         flexDirection: 'column',
         overflow: 'auto',
         height: '100%',
+        paddingBottom: theme.spacing(2),
+        boxSizing: 'border-box',
     },
     uploadArea: {
         display: 'flex',

diff --git a/packages/web3-shared/evm/src/constants/descriptors.ts b/packages/web3-shared/evm/src/constants/descriptors.ts
@@ -375,6 +375,8 @@ export const PROVIDER_DESCRIPTORS: Array<ProviderDescriptor<ChainId, ProviderTyp
         homeLink: 'https://www.opera.com/crypto/next',
         shortenLink: 'opera.com',
         downloadLink: 'https://www.opera.com/crypto/next',
+        backgroundGradient:
+            'linear-gradient(90deg, rgba(98, 152, 234, 0.2) 1.03%, rgba(98, 152, 234, 0.2) 1.04%, rgba(98, 126, 234, 0.2) 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF)',
     },
     {
         ID: `${PLUGIN_ID}_clover`,