Add icon to visualize leaving current tab

GeoWerkstatt · Jul 18, 2024 · 779c060 · 779c060
1 parent 8f0bc3e
commit 779c060
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/Geopilot.Frontend/src/Header.tsx b/src/Geopilot.Frontend/src/Header.tsx
@@ -10,6 +10,7 @@ import {
   List,
   ListItem,
   ListItemButton,
+  ListItemIcon,
   ListItemText,
   Toolbar,
   Typography,
@@ -22,6 +23,7 @@ import { AdminTemplate } from "./auth/AdminTemplate.js";
 import { useLocation, useNavigate } from "react-router-dom";
 import { ClientSettings } from "./AppInterfaces";
 import { FC, useState } from "react";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 
 interface HeaderProps {
   clientSettings: ClientSettings;
@@ -138,6 +140,9 @@ export const Header: FC<HeaderProps> = ({ clientSettings, hasDrawerToggle, handl
                       window.open("/browser", "_blank");
                     }}>
                     <ListItemText primary={t("stacBrowser").toUpperCase()} />
+                    <ListItemIcon>
+                      <OpenInNewIcon fontSize="small" />
+                    </ListItemIcon>
                   </ListItemButton>
                 </ListItem>
               </AdminTemplate>