Display the list of pending devices in the UI

central_frontend/src/widgets/SolarEnergyNavList.tsx

@@ -1,14 +1,4 @@
-import {
-  mdiAccountMultiple,
-  mdiAccountMusic,
-  mdiAlbum,
-  mdiApi,
-  mdiChartLine,
-  mdiCog,
-  mdiHome,
-  mdiInbox,
-  mdiMusic,
-} from "@mdi/js";
+import { mdiHome, mdiNewBox } from "@mdi/js";
 import Icon from "@mdi/react";
 import {
   List,
@@ -16,14 +6,11 @@ import {
   ListItemIcon,
   ListItemSecondaryAction,
   ListItemText,
-  ListSubheader,
 } from "@mui/material";
 import { useLocation } from "react-router-dom";
-import { useAuthInfo } from "./BaseAuthenticatedPage";
 import { RouterLink } from "./RouterLink";
 
 export function SolarEnergyNavList(): React.ReactElement {
-  const user = useAuthInfo().info;
   return (
     <List
       dense
@@ -34,6 +21,11 @@ export function SolarEnergyNavList(): React.ReactElement {
       }}
     >
       <NavLink label="Home" uri="/" icon={<Icon path={mdiHome} size={1} />} />
+      <NavLink
+        label="Pending devices"
+        uri="/pending_devices"
+        icon={<Icon path={mdiNewBox} size={1} />}
+      />
     </List>
   );
 }