Fix: copy button in dark mode (#1268)

* Fix: copy button in dark mode * currentColor
safe-global · Nov 29, 2022 · e980173 · e980173
1 parent fd9468a
commit e980173
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 30 deletions.
diff --git a/public/images/common/copy.svg b/public/images/common/copy.svg
diff --git a/public/images/sidebar/copy-bold.svg b/public/images/sidebar/copy-bold.svg
diff --git a/public/images/sidebar/copy.svg b/public/images/sidebar/copy.svg
diff --git a/public/images/sidebar/qr.svg b/public/images/sidebar/qr.svg
diff --git a/src/components/common/CopyButton/index.tsx b/src/components/common/CopyButton/index.tsx
@@ -36,19 +36,7 @@ const CopyButton = ({
   return (
     <Tooltip title={tooltipText} placement="top" onMouseLeave={handleMouseLeave}>
       <IconButton aria-label={initialToolTipText} onClick={handleCopy} size="small" className={className}>
-        {children ?? (
-          <SvgIcon
-            component={CopyIcon}
-            inheritViewBox
-            color="primary"
-            sx={{
-              '& path': {
-                fill: ({ palette }) => palette.border.main,
-              },
-            }}
-            fontSize="small"
-          />
-        )}
+        {children ?? <SvgIcon component={CopyIcon} inheritViewBox color="border" fontSize="small" />}
       </IconButton>
     </Tooltip>
   )

diff --git a/src/components/dashboard/Overview/Overview.tsx b/src/components/dashboard/Overview/Overview.tsx
@@ -125,7 +125,7 @@ const Overview = (): ReactElement => {
             </Grid>
 
             <Box mt={2} mb={4}>
-              <EthHashInfo showAvatar={false} address={safeAddress} shortAddress={false} />
+              <EthHashInfo showAvatar={false} address={safeAddress} shortAddress={false} showCopyButton hasExplorer />
             </Box>
 
             <Grid container>

diff --git a/src/components/sidebar/SidebarHeader/index.tsx b/src/components/sidebar/SidebarHeader/index.tsx
@@ -101,7 +101,7 @@ const SafeHeader = (): ReactElement => {
           </Track>
 
           <Track {...OVERVIEW_EVENTS.OPEN_EXPLORER}>
-            <a target="_blank" rel="noreferrer" href={blockExplorerLink?.href || '#'}>
+            <a target="_blank" rel="noreferrer" href={blockExplorerLink?.href || ''}>
               <HeaderIconButton title={blockExplorerLink?.title || ''}>
                 <SvgIcon component={LinkIconBold} inheritViewBox fontSize="small" color="primary" />
               </HeaderIconButton>