From 4b8a2eda5e3a7e14a736e1feae125442c7fe3ad2 Mon Sep 17 00:00:00 2001
From: zhouhanseng <z308114274@gmail.com>
Date: Wed, 20 Jul 2022 18:25:43 +0800
Subject: [PATCH 1/3] fix(firefox): broken icon && app board ui

---
 packages/icons/plugins/CrossBridge.png        | Bin 0 -> 4203 bytes
 packages/icons/plugins/CrossBridge.svg        |  87 ------------------
 packages/icons/plugins/Markets.png            | Bin 0 -> 8479 bytes
 packages/icons/plugins/Markets.svg            |  81 ----------------
 .../components/shared/ApplicationBoard.tsx    |   6 +-
 .../shared/ApplicationRecommendArea.tsx       |   2 +
 .../mask/src/plugins/ITO/SNSAdaptor/index.tsx |   8 +-
 .../CrossChainBridge/src/SNSAdaptor/index.tsx |   4 +-
 8 files changed, 12 insertions(+), 176 deletions(-)
 create mode 100644 packages/icons/plugins/CrossBridge.png
 delete mode 100644 packages/icons/plugins/CrossBridge.svg
 create mode 100644 packages/icons/plugins/Markets.png
 delete mode 100644 packages/icons/plugins/Markets.svg

diff --git a/packages/icons/plugins/CrossBridge.png b/packages/icons/plugins/CrossBridge.png
new file mode 100644
index 0000000000000000000000000000000000000000..099b0a8224727fc935542198538cc6615e20489b
GIT binary patch
literal 4203
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
B$bJ9-

literal 0
HcmV?d00001

diff --git a/packages/icons/plugins/CrossBridge.svg b/packages/icons/plugins/CrossBridge.svg
deleted file mode 100644
index a5d495bb5832..000000000000
--- a/packages/icons/plugins/CrossBridge.svg
+++ /dev/null
@@ -1,87 +0,0 @@
-<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
-    <rect x="5" y="4.5" width="27" height="27" rx="2" fill="url(#paint0_linear_898_2514)" />
-    <path
-        d="M25.2431 8.96494L28.7951 12.5184C28.823 12.5463 28.8452 12.5794 28.8603 12.6158C28.8754 12.6522 28.8831 12.6913 28.8831 12.7307C28.8831 12.7701 28.8754 12.8092 28.8603 12.8456C28.8452 12.882 28.823 12.9151 28.7951 12.9429L25.2416 16.4949C25.1854 16.5508 25.1094 16.5822 25.0301 16.5822C24.9509 16.5822 24.8749 16.5508 24.8186 16.4949L23.9726 15.6504C23.9448 15.6226 23.9226 15.5895 23.9075 15.5531C23.8924 15.5167 23.8847 15.4776 23.8847 15.4382C23.8847 15.3988 23.8924 15.3597 23.9075 15.3233C23.9226 15.2869 23.9448 15.2538 23.9726 15.2259L25.5686 13.6299H20.7731C20.6936 13.6299 20.6173 13.5983 20.561 13.5421C20.5048 13.4858 20.4731 13.4095 20.4731 13.3299V12.1299C20.4731 11.9649 20.6081 11.8299 20.7731 11.8299H25.5656L23.9711 10.2369C23.9433 10.2091 23.9211 10.176 23.906 10.1396C23.8909 10.1032 23.8832 10.0641 23.8832 10.0247C23.8832 9.98526 23.8909 9.94623 23.906 9.90981C23.9211 9.87339 23.9433 9.8403 23.9711 9.81244L24.8186 8.96494C24.8465 8.93705 24.8796 8.91492 24.916 8.89982C24.9524 8.88472 24.9915 8.87695 25.0309 8.87695C25.0703 8.87695 25.1094 8.88472 25.1458 8.89982C25.1822 8.91492 25.2153 8.93705 25.2431 8.96494Z"
-        fill="white"
-    />
-    <g filter="url(#filter0_b_898_2514)">
-        <circle cx="12.6172" cy="12.75" r="4.5" fill="url(#paint1_linear_898_2514)" />
-    </g>
-    <path
-        d="M11.7569 27.0351L8.20486 23.4816C8.17696 23.4537 8.15484 23.4206 8.13974 23.3842C8.12464 23.3478 8.11687 23.3087 8.11687 23.2693C8.11687 23.2299 8.12464 23.1908 8.13974 23.1544C8.15484 23.118 8.17696 23.0849 8.20486 23.0571L11.7584 19.5051C11.8146 19.4492 11.8906 19.4178 11.9699 19.4178C12.0491 19.4178 12.1251 19.4492 12.1814 19.5051L13.0274 20.3496C13.0552 20.3774 13.0774 20.4105 13.0925 20.4469C13.1076 20.4833 13.1153 20.5224 13.1153 20.5618C13.1153 20.6012 13.1076 20.6403 13.0925 20.6767C13.0774 20.7131 13.0552 20.7462 13.0274 20.7741L11.4314 22.3701L16.2269 22.3701C16.3064 22.3701 16.3827 22.4017 16.439 22.4579C16.4952 22.5142 16.5269 22.5905 16.5269 22.6701L16.5269 23.8701C16.5269 24.0351 16.3919 24.1701 16.2269 24.1701L11.4344 24.1701L13.0289 25.7631C13.0567 25.7909 13.0789 25.824 13.094 25.8604C13.1091 25.8968 13.1168 25.9359 13.1168 25.9753C13.1168 26.0147 13.1091 26.0538 13.094 26.0902C13.0789 26.1266 13.0567 26.1597 13.0289 26.1876L12.1814 27.0351C12.1535 27.063 12.1204 27.0851 12.084 27.1002C12.0476 27.1153 12.0085 27.123 11.9691 27.123C11.9297 27.123 11.8906 27.1153 11.8542 27.1002C11.8178 27.0851 11.7847 27.063 11.7569 27.0351Z"
-        fill="white"
-    />
-    <g filter="url(#filter1_b_898_2514)">
-        <ellipse
-            cx="24.3828"
-            cy="23.25"
-            rx="4.5"
-            ry="4.5"
-            transform="rotate(-180 24.3828 23.25)"
-            fill="url(#paint2_linear_898_2514)"
-        />
-    </g>
-    <defs>
-        <filter
-            id="filter0_b_898_2514"
-            x="3.11719"
-            y="3.25"
-            width="19"
-            height="19"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-        >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feGaussianBlur in="BackgroundImage" stdDeviation="2.5" />
-            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_898_2514" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_898_2514" result="shape" />
-        </filter>
-        <filter
-            id="filter1_b_898_2514"
-            x="14.8828"
-            y="13.75"
-            width="19"
-            height="19"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-        >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feGaussianBlur in="BackgroundImage" stdDeviation="2.5" />
-            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_898_2514" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_898_2514" result="shape" />
-        </filter>
-        <linearGradient
-            id="paint0_linear_898_2514"
-            x1="19.6844"
-            y1="4.5"
-            x2="19.568"
-            y2="31.5"
-            gradientUnits="userSpaceOnUse"
-        >
-            <stop stop-color="#ACCBEE" />
-            <stop offset="1" stop-color="#E7F0FD" />
-        </linearGradient>
-        <linearGradient
-            id="paint1_linear_898_2514"
-            x1="12.4039"
-            y1="17.25"
-            x2="12.4039"
-            y2="8.25"
-            gradientUnits="userSpaceOnUse"
-        >
-            <stop stop-color="#00C6FB" />
-            <stop offset="1" stop-color="#005BEA" />
-        </linearGradient>
-        <linearGradient
-            id="paint2_linear_898_2514"
-            x1="24.3828"
-            y1="18.75"
-            x2="24.5451"
-            y2="27.75"
-            gradientUnits="userSpaceOnUse"
-        >
-            <stop stop-color="#F093FB" />
-            <stop offset="1" stop-color="#F5576C" />
-        </linearGradient>
-    </defs>
-</svg>
diff --git a/packages/icons/plugins/Markets.png b/packages/icons/plugins/Markets.png
new file mode 100644
index 0000000000000000000000000000000000000000..c020ef8b039607b18bdee43d4c36f6433a596797
GIT binary patch
literal 8479
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
X3lCrz!0=*!kNssO6(uUfj6(ho#$4LV

literal 0
HcmV?d00001

diff --git a/packages/icons/plugins/Markets.svg b/packages/icons/plugins/Markets.svg
deleted file mode 100644
index b7593f593b83..000000000000
--- a/packages/icons/plugins/Markets.svg
+++ /dev/null
@@ -1,81 +0,0 @@
-<svg viewBox="-1 -2 32 32" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_898_1294)">
-        <path
-            d="M24.9758 4.59146H7.67182C6.60782 4.59146 5.76782 5.43146 5.76782 6.43946V23.9115C5.76782 24.9195 6.60782 25.7595 7.67182 25.7595H24.9758C26.0398 25.7595 26.8798 24.9195 26.8798 23.9115V6.43946C26.8798 5.37546 26.0398 4.59146 24.9758 4.59146Z"
-            fill="url(#paint0_linear_898_1294)"
-        />
-        <g filter="url(#filter0_bd_898_1294)">
-            <path
-                d="M17.9201 25.5912C17.0241 25.5912 16.1841 25.2552 15.5681 24.6392L4.03211 13.0472C3.41611 12.4312 3.08011 11.6472 3.08011 10.7512L2.91211 5.26318C2.91211 4.36718 3.24811 3.47118 3.86411 2.79918C4.53611 2.12718 5.37611 1.79118 6.32811 1.84718L11.8721 1.95918C12.7121 1.95918 13.5521 2.35118 14.1681 2.91118L25.7041 14.4472C26.3201 15.0632 26.6561 15.9032 26.6561 16.7992C26.6561 17.6952 26.3201 18.5352 25.7041 19.1512L20.2721 24.6392C19.6561 25.2552 18.8161 25.5912 17.9201 25.5912Z"
-                fill="url(#paint1_linear_898_1294)"
-                fillOpacity="0.8"
-                shapeRendering="crispEdges"
-            />
-        </g>
-        <path
-            d="M8.37779 7.03392C7.59145 7.82026 6.34985 7.82026 5.56351 7.03392C4.77717 6.24757 4.77717 5.00598 5.56351 4.21964C6.34985 3.4333 7.59145 3.4333 8.37779 4.21964C9.16414 5.00598 9.16414 6.24757 8.37779 7.03392ZM6.39124 5.04737C6.06015 5.37846 6.06015 5.8751 6.39124 6.20619C6.72233 6.53728 7.21897 6.53728 7.55006 6.20619C7.88115 5.8751 7.88115 5.37846 7.55006 5.04737C7.21897 4.71628 6.72233 4.71628 6.39124 5.04737Z"
-            fill="white"
-        />
-        <path d="M13.343 8.454L14.1501 9.26115L10.2621 13.1492L9.45492 12.342L13.343 8.454Z" fill="white" />
-        <path
-            d="M17.7348 12.8459L17.0464 13.5343L15.8831 12.3711L12.6835 15.5707L11.8658 14.753L15.0654 11.5534L13.8969 10.3848L14.5854 9.69638L17.7348 12.8459Z"
-            fill="white"
-        />
-        <path
-            d="M15.8409 18.9444C15.2852 18.3887 15.0118 17.8128 15.0206 17.2166C14.9977 16.4517 15.3354 15.7201 16.0335 15.022C16.7457 14.3098 17.4772 13.9722 18.2281 14.0091C18.8242 14.0003 19.4001 14.2738 19.9558 14.8295C20.5115 15.3851 20.785 15.9611 20.7762 16.5572C20.8113 17.3063 20.4728 18.037 19.7606 18.7492C19.0625 19.4473 18.3318 19.7858 17.5687 19.7647C16.9725 19.7735 16.3966 19.5 15.8409 18.9444ZM17.6531 18.6674C18.0786 18.6182 18.5103 18.3746 18.9482 17.9367C19.3843 17.5006 19.6261 17.0689 19.6736 16.6416C19.7246 16.2143 19.5892 15.8397 19.2674 15.5179C18.9456 15.1961 18.5701 15.0581 18.1411 15.1038C17.712 15.1495 17.2785 15.3913 16.8406 15.8292C16.4028 16.267 16.161 16.7005 16.1153 17.1296C16.0695 17.5587 16.2076 17.9341 16.5294 18.2559C16.8512 18.5777 17.2257 18.7149 17.6531 18.6674Z"
-            fill="white"
-        />
-    </g>
-    <defs>
-        <filter
-            id="filter0_bd_898_1294"
-            x="-1.08789"
-            y="-2.15884"
-            width="31.744"
-            height="33.75"
-            filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB"
-        >
-            <feFlood flood-opacity="0" result="BackgroundImageFix" />
-            <feGaussianBlur in="BackgroundImage" stdDeviation="2" />
-            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_898_1294" />
-            <feColorMatrix
-                in="SourceAlpha"
-                type="matrix"
-                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                result="hardAlpha"
-            />
-            <feOffset dy="2" />
-            <feGaussianBlur stdDeviation="2" />
-            <feComposite in2="hardAlpha" operator="out" />
-            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
-            <feBlend mode="normal" in2="effect1_backgroundBlur_898_1294" result="effect2_dropShadow_898_1294" />
-            <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_898_1294" result="shape" />
-        </filter>
-        <linearGradient
-            id="paint0_linear_898_1294"
-            x1="16.3238"
-            y1="4.59146"
-            x2="16.3238"
-            y2="25.7595"
-            gradientUnits="userSpaceOnUse"
-        >
-            <stop stop-color="#1B90EE" />
-            <stop offset="1" stop-color="#28E5FF" />
-        </linearGradient>
-        <linearGradient
-            id="paint1_linear_898_1294"
-            x1="14.7841"
-            y1="1.84116"
-            x2="14.7841"
-            y2="25.5912"
-            gradientUnits="userSpaceOnUse"
-        >
-            <stop stop-color="#FF0000" />
-            <stop offset="1" stop-color="#FF2C2C" />
-        </linearGradient>
-        <clipPath id="clip0_898_1294">
-            <rect width="28" height="28" fill="white" />
-        </clipPath>
-    </defs>
-</svg>
diff --git a/packages/mask/src/components/shared/ApplicationBoard.tsx b/packages/mask/src/components/shared/ApplicationBoard.tsx
index e74769c348ab..bbd742f5ae9e 100644
--- a/packages/mask/src/components/shared/ApplicationBoard.tsx
+++ b/packages/mask/src/components/shared/ApplicationBoard.tsx
@@ -23,7 +23,7 @@ const useStyles = makeStyles<{ shouldScroll: boolean; isCarouselReady: boolean }
     const smallQuery = `@media (max-width: ${theme.breakpoints.values.sm}px)`
     return {
         applicationWrapper: {
-            padding: theme.spacing(1, 0.25, 1, 1),
+            padding: theme.spacing(1, process.env.engine === 'firefox' ? 1.5 : 0.25, 1, 1),
             transform: props.isCarouselReady ? 'translate(-8px, -8px)' : 'translateX(-8px)',
             display: 'grid',
             gridTemplateColumns: 'repeat(4, 1fr)',
@@ -33,7 +33,9 @@ const useStyles = makeStyles<{ shouldScroll: boolean; isCarouselReady: boolean }
             gridGap: 10,
             justifyContent: 'space-between',
             height: 320,
-            width: props.shouldScroll ? 583 : 576,
+            width: props.shouldScroll && process.env.engine !== 'firefox' ? 583 : 570,
+            scrollbarColor: `${theme.palette.maskColor.secondaryLine} ${theme.palette.maskColor.secondaryLine}`,
+            scrollbarWidth: 'thin',
             '::-webkit-scrollbar': {
                 backgroundColor: 'transparent',
                 width: 20,
diff --git a/packages/mask/src/components/shared/ApplicationRecommendArea.tsx b/packages/mask/src/components/shared/ApplicationRecommendArea.tsx
index 17b5d73eebda..ef4b1db7fa80 100644
--- a/packages/mask/src/components/shared/ApplicationRecommendArea.tsx
+++ b/packages/mask/src/components/shared/ApplicationRecommendArea.tsx
@@ -8,6 +8,7 @@ const useStyles = makeStyles()(() => {
     return {
         recommendFeatureAppListWrapper: {
             display: 'flex',
+            scrollbarColor: 'transparent transparent',
             overflowX: 'scroll',
             margin: '0 2px 5px',
             padding: '8px 0px 0',
@@ -19,6 +20,7 @@ const useStyles = makeStyles()(() => {
             position: 'relative',
             zIndex: 100,
             overflowX: 'scroll',
+            scrollbarColor: 'transparent transparent',
             overscrollBehavior: 'contain',
             '& .carousel__slider': {
                 padding: '8px 2px 0',
diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/index.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/index.tsx
index 9e6d47b77c49..eca9ab5402cd 100644
--- a/packages/mask/src/plugins/ITO/SNSAdaptor/index.tsx
+++ b/packages/mask/src/plugins/ITO/SNSAdaptor/index.tsx
@@ -10,7 +10,7 @@ import type { JSON_PayloadComposeMask } from '../types'
 import { ITO_MetadataReader, payloadIntoMask } from './helpers'
 import { CompositionDialog } from './CompositionDialog'
 import { set } from 'lodash-unified'
-import { MarketsIcon, MarketsClaimIcon } from '@masknet/icons'
+import { Markets, MarketsClaimIcon } from '@masknet/icons'
 import { ApplicationEntry } from '@masknet/shared'
 import { CrossIsolationMessages } from '@masknet/shared-base'
 import { ClaimAllDialog } from './ClaimAllDialog'
@@ -54,14 +54,14 @@ const sns: Plugin.SNSAdaptor.Definition = {
         },
         label: (
             <>
-                <MarketsIcon style={{ width: 16, height: 16 }} />
+                <Markets style={{ width: 16, height: 16 }} />
                 ITO
             </>
         ),
     },
     ApplicationEntries: [
         (() => {
-            const icon = <MarketsIcon />
+            const icon = <Markets />
             const name = <Trans i18nKey="plugin_ito_name" />
             const iconFilterColor = 'rgba(56, 228, 239, 0.3)'
             const clickHandler = () =>
@@ -135,7 +135,7 @@ const sns: Plugin.SNSAdaptor.Definition = {
         })(),
     ],
     wrapperProps: {
-        icon: <MarketsIcon style={{ filter: 'drop-shadow(0px 6px 12px rgba(27, 144, 238, 0.2))', fontSize: 24 }} />,
+        icon: <Markets style={{ filter: 'drop-shadow(0px 6px 12px rgba(27, 144, 238, 0.2))', fontSize: 24 }} />,
         backgroundGradient:
             'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%), linear-gradient(90deg, rgba(28, 104, 243, 0.2) 0%, rgba(41, 228, 253, 0.2) 100%), #FFFFFF;',
     },
diff --git a/packages/plugins/CrossChainBridge/src/SNSAdaptor/index.tsx b/packages/plugins/CrossChainBridge/src/SNSAdaptor/index.tsx
index bd60fd7d81bd..ca889ac7b709 100644
--- a/packages/plugins/CrossChainBridge/src/SNSAdaptor/index.tsx
+++ b/packages/plugins/CrossChainBridge/src/SNSAdaptor/index.tsx
@@ -1,6 +1,6 @@
 import type { Plugin } from '@masknet/plugin-infra'
 import { ApplicationEntry } from '@masknet/shared'
-import { CrossBridgeIcon } from '@masknet/icons'
+import { CrossBridge } from '@masknet/icons'
 import { PluginI18NFieldRender } from '@masknet/plugin-infra/content-script'
 import { base } from '../base'
 import { useState } from 'react'
@@ -11,7 +11,7 @@ const sns: Plugin.SNSAdaptor.Definition = {
     init(signal, context) {},
     ApplicationEntries: [
         (() => {
-            const icon = <CrossBridgeIcon />
+            const icon = <CrossBridge />
             const name = { i18nKey: '__plugin_name', fallback: 'Cross-chain' }
             const iconFilterColor = 'rgba(183, 212, 255, 0.3)'
             return {

From edbe87766ec11820c3dbff97ecd893eee1cd3909 Mon Sep 17 00:00:00 2001
From: zhouhanseng <z308114274@gmail.com>
Date: Wed, 20 Jul 2022 18:48:45 +0800
Subject: [PATCH 2/3] chore: rp history dialog fixed height

---
 .../RedPacket/SNSAdaptor/RedPacketDialog.tsx  | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx
index 01e1cc2d2a3b..b191ee20c68d 100644
--- a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx
+++ b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx
@@ -24,7 +24,7 @@ import { HistoryIcon } from '@masknet/icons'
 import { RedPacketERC20Form } from './RedPacketERC20Form'
 import { RedPacketERC721Form } from './RedPacketERC721Form'
 
-const useStyles = makeStyles()((theme) => ({
+const useStyles = makeStyles<{ showHistory: boolean }>()((theme, { showHistory }) => ({
     content: {
         position: 'relative',
         paddingTop: 50,
@@ -71,6 +71,15 @@ const useStyles = makeStyles()((theme) => ({
         width: 20,
         marginRight: 4,
     },
+    injectedDialog: {
+        ...(showHistory
+            ? {
+                  '& [role="dialog"]': {
+                      height: '620px !important',
+                  },
+              }
+            : {}),
+    },
 }))
 
 enum CreateRedPacketPageStep {
@@ -86,7 +95,9 @@ interface RedPacketDialogProps extends withClasses<never> {
 
 export default function RedPacketDialog(props: RedPacketDialogProps) {
     const t = useI18N()
-    const { cx, classes } = useStyles()
+    const [showHistory, setShowHistory] = useState(false)
+    const [step, setStep] = useState(CreateRedPacketPageStep.NewRedPacketPage)
+    const { cx, classes } = useStyles({ showHistory })
     const { attachMetadata, dropMetadata } = useCompositionContext()
     const state = useState(DialogTabs.create)
     const [isNFTRedPacketLoaded, setIsNFTRedPacketLoaded] = useState(false)
@@ -94,8 +105,6 @@ export default function RedPacketDialog(props: RedPacketDialogProps) {
     const chainId = useChainId(NetworkPluginID.PLUGIN_EVM)
     const account = useAccount(NetworkPluginID.PLUGIN_EVM)
     const [settings, setSettings] = useState<RedPacketSettings>()
-    const [showHistory, setShowHistory] = useState(false)
-    const [step, setStep] = useState(CreateRedPacketPageStep.NewRedPacketPage)
 
     const onClose = useCallback(() => {
         setStep(CreateRedPacketPageStep.NewRedPacketPage)
@@ -163,7 +172,6 @@ export default function RedPacketDialog(props: RedPacketDialogProps) {
 
     const isCreateStep = step === CreateRedPacketPageStep.NewRedPacketPage
     const title = isCreateStep ? t.display_name() : t.details()
-
     const [currentTab, onChange, tabs] = useTabs('tokens', 'collectibles')
 
     return (
@@ -185,6 +193,7 @@ export default function RedPacketDialog(props: RedPacketDialogProps) {
                         </MaskTabList>
                     ) : null
                 }
+                className={classes.injectedDialog}
                 onClose={() => (showHistory ? setShowHistory(false) : onBack())}
                 isOnBack={showHistory || step !== CreateRedPacketPageStep.NewRedPacketPage}
                 disableTitleBorder>

From 4df7cbc29656fb40881fd4de9ce2ec747805cb17 Mon Sep 17 00:00:00 2001
From: zhouhanseng <z308114274@gmail.com>
Date: Wed, 20 Jul 2022 19:01:19 +0800
Subject: [PATCH 3/3] chore: add icon

---
 packages/icons/general/History.dark.svg                  | 9 +++++++++
 .../icons/general/{History.svg => History.light.svg}     | 0
 .../src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx | 4 ++--
 3 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 packages/icons/general/History.dark.svg
 rename packages/icons/general/{History.svg => History.light.svg} (100%)

diff --git a/packages/icons/general/History.dark.svg b/packages/icons/general/History.dark.svg
new file mode 100644
index 000000000000..50073703fac5
--- /dev/null
+++ b/packages/icons/general/History.dark.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.74268 4.55383C3.1134 5.23152 2.76895 6.25711 2.76895 7.63447V17.6345C2.76895 19.0118 3.1134 20.0374 3.74268 20.7151C4.36199 21.3821 5.37143 21.8345 6.96895 21.8345H14.344C14.7859 21.8345 15.144 22.1926 15.144 22.6345C15.144 23.0763 14.7859 23.4345 14.344 23.4345H6.96895C5.06647 23.4345 3.5759 22.8869 2.57021 21.8038C1.57449 20.7315 1.16895 19.2571 1.16895 17.6345V7.63447C1.16895 6.01184 1.57449 4.53743 2.57021 3.46511C3.5759 2.38206 5.06647 1.83447 6.96895 1.83447H14.9689C16.8714 1.83447 18.362 2.38206 19.3677 3.46511C20.3634 4.53743 20.7689 6.01184 20.7689 7.63447V11.8389C20.7689 12.2808 20.4108 12.6389 19.9689 12.6389C19.5271 12.6389 19.1689 12.2808 19.1689 11.8389V7.63447C19.1689 6.25711 18.8245 5.23152 18.1952 4.55383C17.5759 3.88688 16.5665 3.43447 14.9689 3.43447H6.96895C5.37143 3.43447 4.36199 3.88688 3.74268 4.55383Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9504 15.0528C17.0495 15.0528 15.5084 16.5939 15.5084 18.4949C15.5084 20.3959 17.0495 21.9369 18.9504 21.9369C20.8514 21.9369 22.3925 20.3959 22.3925 18.4949C22.3925 16.5939 20.8514 15.0528 18.9504 15.0528ZM14.1084 18.4949C14.1084 15.8207 16.2763 13.6528 18.9504 13.6528C21.6246 13.6528 23.7925 15.8207 23.7925 18.4949C23.7925 21.1691 21.6246 23.3369 18.9504 23.3369C16.2763 23.3369 14.1084 21.1691 14.1084 18.4949Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.949 15.5298C19.3356 15.5298 19.649 15.8432 19.649 16.2298V18.508C19.649 18.8946 19.3356 19.208 18.949 19.208C18.5624 19.208 18.249 18.8946 18.249 18.508V16.2298C18.249 15.8432 18.5624 15.5298 18.949 15.5298Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3434 18.1575C18.5367 17.8227 18.9648 17.708 19.2996 17.9013L20.9681 18.8646C21.3029 19.0579 21.4177 19.486 21.2244 19.8208C21.0311 20.1556 20.6029 20.2703 20.2681 20.077L18.5996 19.1137C18.2648 18.9204 18.1501 18.4923 18.3434 18.1575Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9504 2.63525C15.3922 2.63525 15.7504 2.99343 15.7504 3.43525V5.43525C15.7504 6.09343 16.2922 6.63525 16.9504 6.63525H18.9504C19.3922 6.63525 19.7504 6.99343 19.7504 7.43525C19.7504 7.87708 19.3922 8.23525 18.9504 8.23525H16.9504C15.4086 8.23525 14.1504 6.97708 14.1504 5.43525V3.43525C14.1504 2.99343 14.5086 2.63525 14.9504 2.63525Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.16699 11.0231C6.16699 10.5813 6.52516 10.2231 6.96699 10.2231H12.967C13.4088 10.2231 13.767 10.5813 13.767 11.0231C13.767 11.465 13.4088 11.8231 12.967 11.8231H6.96699C6.52516 11.8231 6.16699 11.465 6.16699 11.0231Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.16699 15.8728C6.16699 15.4309 6.52516 15.0728 6.96699 15.0728H11.781C12.2228 15.0728 12.581 15.4309 12.581 15.8728C12.581 16.3146 12.2228 16.6728 11.781 16.6728H6.96699C6.52516 16.6728 6.16699 16.3146 6.16699 15.8728Z" fill="#F5F5F5"/>
+</svg>
diff --git a/packages/icons/general/History.svg b/packages/icons/general/History.light.svg
similarity index 100%
rename from packages/icons/general/History.svg
rename to packages/icons/general/History.light.svg
diff --git a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx
index b191ee20c68d..004c76dc1b19 100644
--- a/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx
+++ b/packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx
@@ -20,7 +20,7 @@ import type { RedPacketSettings } from './hooks/useCreateCallback'
 import { RedPacketConfirmDialog } from './RedPacketConfirmDialog'
 import { RedPacketPast } from './RedPacketPast'
 import { TabContext, TabPanel } from '@mui/lab'
-import { HistoryIcon } from '@masknet/icons'
+import { History } from '@masknet/icons'
 import { RedPacketERC20Form } from './RedPacketERC20Form'
 import { RedPacketERC721Form } from './RedPacketERC721Form'
 
@@ -182,7 +182,7 @@ export default function RedPacketDialog(props: RedPacketDialogProps) {
                 title={title}
                 titleTail={
                     step === CreateRedPacketPageStep.NewRedPacketPage && !showHistory ? (
-                        <HistoryIcon onClick={() => setShowHistory((history) => !history)} />
+                        <History onClick={() => setShowHistory((history) => !history)} />
                     ) : null
                 }
                 titleTabs={