Update icon for recent activity #2122

coral-xyz · Mar 31, 2023 · 7731756 · 7731756
1 parent 48e1cef
commit 7731756
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/app-extension/src/components/Unlocked/Balances/RecentActivity.tsx b/packages/app-extension/src/components/Unlocked/Balances/RecentActivity.tsx
@@ -18,7 +18,7 @@ import {
 } from "@coral-xyz/recoil";
 import { styles as makeStyles, useCustomTheme } from "@coral-xyz/themes";
 import { CallMade, Check, Clear } from "@mui/icons-material";
-import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
+import FormatListBulletedRoundedIcon from "@mui/icons-material/FormatListBulletedRounded";
 import { IconButton, List, ListItem, Typography } from "@mui/material";
 
 import { CloseButton, WithDrawer } from "../../common/Layout/Drawer";
@@ -91,7 +91,9 @@ export function RecentActivityButton() {
         onClick={() => setOpenDrawer(true)}
         size="large"
       >
-        <FormatListBulletedIcon className={classes.networkSettingsIcon} />
+        <FormatListBulletedRoundedIcon
+          className={classes.networkSettingsIcon}
+        />
       </IconButton>
       <WithDrawer openDrawer={openDrawer} setOpenDrawer={setOpenDrawer}>
         <div style={{ height: "100%" }}>
@@ -372,7 +374,7 @@ function NoRecentActivityLabel({ minimize }: { minimize: boolean }) {
       }}
     >
       <EmptyState
-        icon={(props: any) => <FormatListBulletedIcon {...props} />}
+        icon={(props: any) => <FormatListBulletedRoundedIcon {...props} />}
         title="No Recent Activity"
         subtitle="Your transactions and app activity will show up here when you start using Backpack!"
         onClick={() => window.open(XNFT_GG_LINK)}

diff --git a/packages/app-extension/src/components/common/Layout/Tab.tsx b/packages/app-extension/src/components/common/Layout/Tab.tsx
@@ -24,7 +24,7 @@ import {
   useTab,
 } from "@coral-xyz/recoil";
 import { styles as makeStyles, useCustomTheme } from "@coral-xyz/themes";
-import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
+import FormatListBulletedRoundedIcon from "@mui/icons-material/FormatListBulletedRounded";
 import { Tab, Tabs } from "@mui/material";
 import Badge from "@mui/material/Badge";
 
@@ -275,7 +275,7 @@ function TabBar() {
                   tab === TAB_MESSAGES ? classes.activeTab : ""
                 }`}
                 icon={
-                  <FormatListBulletedIcon
+                  <FormatListBulletedRoundedIcon
                     style={{
                       width: "28px",
                       height: "28px",