diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx index bd96384c97..9e4862f178 100644 --- a/editor.planx.uk/src/components/Header.tsx +++ b/editor.planx.uk/src/components/Header.tsx @@ -1,5 +1,7 @@ +import Edit from "@mui/icons-material/Edit"; import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown"; import MenuOpenIcon from "@mui/icons-material/MenuOpen"; +import Visibility from "@mui/icons-material/Visibility"; import AppBar from "@mui/material/AppBar"; import Avatar from "@mui/material/Avatar"; import Box from "@mui/material/Box"; @@ -10,8 +12,7 @@ import Link from "@mui/material/Link"; import MenuItem from "@mui/material/MenuItem"; import Paper from "@mui/material/Paper"; import Popover from "@mui/material/Popover"; -import { Theme } from "@mui/material/styles"; -import { styled } from "@mui/material/styles"; +import { styled,Theme } from "@mui/material/styles"; import MuiToolbar from "@mui/material/Toolbar"; import Typography from "@mui/material/Typography"; import useMediaQuery from "@mui/material/useMediaQuery"; @@ -50,6 +51,9 @@ const Root = styled(AppBar)(() => ({ const BreadcrumbsRoot = styled(Box)(() => ({ cursor: "pointer", fontSize: 20, + display: "flex", + columnGap: 10, + alignItems: "center", })); const StyledToolbar = styled(MuiToolbar)(() => ({ @@ -233,6 +237,15 @@ const Breadcrumbs: React.FC<{ )} + {route.data.flow && ( + <> + {useStore.getState().canUserEditTeam(route.data.team) ? ( + + ) : ( + + )} + + )} ); };