Skip to content

Commit

Permalink
Merge pull request #929 from brave/master
Browse files Browse the repository at this point in the history
Prod Release 2023-10-05
  • Loading branch information
IanKrieger authored Oct 5, 2023
2 parents d6302a2 + 61e034a commit eb66c4e
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 25 deletions.
59 changes: 35 additions & 24 deletions src/components/Drawer/MiniSideBar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ type RouteOption = {
onClick?: (event: MouseEvent<any>) => void;
};

const drawerWidth = 100;
const drawerWidth = 85;
export default function MiniSideBar({ children }: PropsWithChildren) {
const { advertiser } = useAdvertiser();
const dashboardRoutes: RouteOption[] = [
Expand Down Expand Up @@ -104,7 +104,7 @@ export default function MiniSideBar({ children }: PropsWithChildren) {
];

return (
<Box sx={{ display: "flex" }}>
<Box display="flex">
<Drawer
variant="permanent"
open
Expand All @@ -113,27 +113,36 @@ export default function MiniSideBar({ children }: PropsWithChildren) {
}}
>
<Toolbar />
<List>
{dashboardRoutes.map((dr) => (
<ItemBox
key={dr.href}
href={dr.href}
icon={dr.icon}
label={dr.label}
disabled={dr.disabled}
/>
))}
<Divider sx={{ mt: 3, mb: 3 }} />
{settingsRoutes.map((sr) => (
<ItemBox
href={sr.href}
icon={sr.icon}
label={sr.label}
key={sr.href}
/>
))}
<SupportMenu />
</List>
<Box
display="flex"
justifyContent="space-between"
flexDirection="column"
flexGrow={1}
>
<List>
{dashboardRoutes.map((dr) => (
<ItemBox
key={dr.href}
href={dr.href}
icon={dr.icon}
label={dr.label}
disabled={dr.disabled}
/>
))}
</List>
<List>
<Divider sx={{ mt: 3, mb: 3 }} />
{settingsRoutes.map((sr) => (
<ItemBox
href={sr.href}
icon={sr.icon}
label={sr.label}
key={sr.href}
/>
))}
<SupportMenu />
</List>
</Box>
</Drawer>
{children}
</Box>
Expand All @@ -160,7 +169,9 @@ const ItemBox = (props: RouteOption) => {
>
<ListItemIcon sx={{ minWidth: "unset" }}>{props.icon}</ListItemIcon>
<ListItemText disableTypography>
<Typography textAlign="center">{props.label}</Typography>
<Typography textAlign="center" variant="caption" fontWeight={500}>
{props.label}
</Typography>
</ListItemText>
</ListItemButton>
);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ export function NewAdSet() {
)}
</Stack>
))}
{values.adSets.length <= 4 && (
{values.adSets.length <= 19 && (
<Box
width="100%"
pb={0}
Expand Down

0 comments on commit eb66c4e

Please sign in to comment.