Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | 25x 25x 25x 19x 19x 19x 42x | import { Alert as MuiAlert, Snackbar as MuiSnackbar } from "@mui/material";
import { ReactNode, useState } from "react";
import { grpcErrorStrings, ObscureGrpcErrorMessages } from "../../appConstants";
export interface SnackbarProps {
children: ReactNode;
onClose?: () => void;
severity: "success" | "error";
}
export default function Snackbar({
children,
onClose = () => {},
severity,
}: SnackbarProps) {
const [open, setOpen] = useState(true);
const oldErrorKey =
typeof children === "string"
? Object.keys(grpcErrorStrings).find<ObscureGrpcErrorMessages>(
(oldError): oldError is ObscureGrpcErrorMessages =>
children.includes(oldError),
)
: null;
return (
<MuiSnackbar
autoHideDuration={8000}
open={open}
onClose={() => {
setOpen(false);
onClose();
}}
anchorOrigin={{ vertical: "top", horizontal: "center" }}
>
<MuiAlert severity={severity}>
{
// Search for the error in the ugly grpc error object keys
// Replace it with the nice error if found
oldErrorKey ? grpcErrorStrings[oldErrorKey] : children
}
</MuiAlert>
</MuiSnackbar>
);
}
|