Skip to content

Commit

Permalink
Make menu more legible
Browse files Browse the repository at this point in the history
  • Loading branch information
@leighmacdonald
leighmacdonald committed Apr 17, 2024
1 parent 177e852 commit 2ebc74d
Showing 1 changed file with 42 additions and 18 deletions.
60 changes: 42 additions & 18 deletions frontend/src/component/TopBar.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -178,15 +178,17 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<SubjectIcon sx={colourOpts} />
<Typography>Filtered Words</Typography>
<Typography color={colourOpts}>
Filtered Words
</Typography>
</Stack>
)
},
{
label: (
<Stack direction={'row'} spacing={1}>
<BlockIcon sx={colourOpts} />
<Typography>Ban</Typography>
<Typography color={colourOpts}>Ban</Typography>
</Stack>
),
items: [
Expand All @@ -195,7 +197,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<NoAccountsIcon sx={colourOpts} />
<Typography>Steam</Typography>
<Typography color={colourOpts}>
Steam
</Typography>
</Stack>
)
},
Expand All @@ -204,7 +208,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<WifiOffIcon sx={colourOpts} />
<Typography>IP/CIDR</Typography>
<Typography color={colourOpts}>
IP/CIDR
</Typography>
</Stack>
)
},
Expand All @@ -213,7 +219,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<GroupsIcon sx={colourOpts} />
<Typography>Steam Group</Typography>
<Typography color={colourOpts}>
Steam Group
</Typography>
</Stack>
)
},
Expand All @@ -222,7 +230,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<PublicOffIcon sx={colourOpts} />
<Typography>ASN</Typography>
<Typography color={colourOpts}>
ASN
</Typography>
</Stack>
)
}
Expand All @@ -234,7 +244,7 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<ReportIcon sx={colourOpts} />
<Typography>Reports</Typography>
<Typography color={colourOpts}>Reports</Typography>
</Stack>
)
},
Expand All @@ -243,7 +253,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<LiveHelpIcon sx={colourOpts} />
<Typography>Ban Appeals</Typography>
<Typography color={colourOpts}>
Ban Appeals
</Typography>
</Stack>
)
},
Expand All @@ -252,7 +264,7 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<NewspaperIcon sx={colourOpts} />
<Typography>News</Typography>
<Typography color={colourOpts}>News</Typography>
</Stack>
)
},
Expand All @@ -261,7 +273,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<TravelExploreIcon sx={colourOpts} />
<Typography>IP/Network Tools</Typography>
<Typography color={colourOpts}>
IP/Network Tools
</Typography>
</Stack>
),
items: [
Expand All @@ -270,7 +284,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<SensorOccupiedIcon sx={colourOpts} />
<Typography>Player IP History</Typography>
<Typography color={colourOpts}>
Player IP History
</Typography>
</Stack>
)
},
Expand All @@ -279,7 +295,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<WifiFindIcon sx={colourOpts} />
<Typography>Find Players By IP</Typography>
<Typography color={colourOpts}>
Find Players By IP
</Typography>
</Stack>
)
},
Expand All @@ -288,7 +306,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<CellTowerIcon sx={colourOpts} />
<Typography>IP Info</Typography>
<Typography color={colourOpts}>
IP Info
</Typography>
</Stack>
)
},
Expand All @@ -297,7 +317,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<WifiOffIcon sx={colourOpts} />
<Typography>External CIDR Bans</Typography>
<Typography color={colourOpts}>
External CIDR Bans
</Typography>
</Stack>
)
}
Expand All @@ -308,7 +330,7 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<EmojiEventsIcon sx={colourOpts} />
<Typography>Contests</Typography>
<Typography color={colourOpts}>Contests</Typography>
</Stack>
)
},
Expand All @@ -317,7 +339,7 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<PersonSearchIcon sx={colourOpts} />
<Typography>People</Typography>
<Typography color={colourOpts}>People</Typography>
</Stack>
)
},
Expand All @@ -326,7 +348,9 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<HowToVoteIcon sx={colourOpts} />
<Typography>Vote History</Typography>
<Typography color={colourOpts}>
Vote History
</Typography>
</Stack>
)
},
Expand All @@ -335,7 +359,7 @@ export const TopBar = () => {
label: (
<Stack direction={'row'} spacing={1}>
<SettingsIcon sx={colourOpts} />
<Typography>Servers</Typography>
<Typography color={colourOpts}>Servers</Typography>
</Stack>
)
}
Expand Down

0 comments on commit 2ebc74d

Please sign in to comment.