From 431e89deaaa49df8320292e97260f93d441496e5 Mon Sep 17 00:00:00 2001
From: Grady Hallenbeck <grhallenbeck@users.noreply.github.com>
Date: Thu, 21 Dec 2023 14:49:12 -0800
Subject: [PATCH] feat: (drawer) add custom icon support for custom links

---
 .../experimental/components/drawers/MainDrawerContent.tsx    | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/apps/experimental/components/drawers/MainDrawerContent.tsx b/src/apps/experimental/components/drawers/MainDrawerContent.tsx
index 351076a02..1ca4501bf 100644
--- a/src/apps/experimental/components/drawers/MainDrawerContent.tsx
+++ b/src/apps/experimental/components/drawers/MainDrawerContent.tsx
@@ -6,8 +6,8 @@ import Dashboard from '@mui/icons-material/Dashboard';
 import Edit from '@mui/icons-material/Edit';
 import Favorite from '@mui/icons-material/Favorite';
 import Home from '@mui/icons-material/Home';
-import Link from '@mui/icons-material/Link';
 import Divider from '@mui/material/Divider';
+import Icon from '@mui/material/Icon';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemButton from '@mui/material/ListItemButton';
@@ -98,8 +98,7 @@ const MainDrawerContent = () => {
                                     rel='noopener noreferrer'
                                 >
                                     <ListItemIcon>
-                                        {/* TODO: Support custom icons */}
-                                        <Link />
+                                        <Icon>{menuLink.icon ?? 'link'}</Icon>
                                     </ListItemIcon>
                                     <ListItemText primary={menuLink.name} />
                                 </ListItemButton>