All files / src/shared/Snackbar SnackbarLinearProgress.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 
 
 
 
 
504x
9x
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { LinearProgress } from "@mui/material";
import { useAppTheme } from "@theme/v2/Provider";
 
interface Props {
  progress: number;
}
const SnackbarLinearProgress = ({ progress }: Props) => {
  const p = useAppTheme().palette;
  return (
    <LinearProgress
      variant="determinate"
      value={progress}
      sx={{
        borderRadius: "4px",
        height: "2px",
        backgroundColor: p.text?.secondary,
        ".MuiLinearProgress-bar": {
          backgroundColor: p.surface?.tertiary,
        },
      }}
    />
  );
};
 
export default SnackbarLinearProgress;