Change UI arrows

This commit is contained in:
Staszek Welsh 2022-06-03 22:16:03 +01:00
parent 052aa33f0c
commit 53743ecb7d

@ -19,7 +19,7 @@ import Typography from "@mui/material/Typography";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import IconButton from "@mui/material/IconButton"; import IconButton from "@mui/material/IconButton";
import Paper from "@mui/material/Paper"; import Paper from "@mui/material/Paper";
import KeyboardArrowRightIcon from "@mui/icons-material/KeyboardArrowRight"; import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp"; import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown"; import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
import Tooltip from "@mui/material/Tooltip"; import Tooltip from "@mui/material/Tooltip";
@ -177,7 +177,7 @@ function EmployeeCount(props: { num: number; next: number }): React.ReactElement
return ( return (
<Typography display="flex" alignItems="center" justifyContent="flex-end"> <Typography display="flex" alignItems="center" justifyContent="flex-end">
{props.num === props.next ? null : props.num} {props.num === props.next ? null : props.num}
{props.num === props.next ? null : <KeyboardArrowRightIcon />} {props.num === props.next ? null : <ArrowForwardIcon fontSize="inherit"/>}
{props.next} {props.next}
</Typography> </Typography>
); );