32 lines
870 B
React
32 lines
870 B
React
import { useTheme } from "@emotion/react";
|
|
import Box from "@mui/material/Box";
|
|
import Skeleton from "../../assets/Images/create-placeholder.svg?react";
|
|
import Background from "../../assets/Images/background-grid.svg?react";
|
|
import SkeletonDark from "../../assets/Images/create-placeholder-dark.svg?react";
|
|
import { useSelector } from "react-redux";
|
|
const FallbackBackground = () => {
|
|
const theme = useTheme();
|
|
const mode = useSelector((state) => state.ui.mode);
|
|
return (
|
|
<>
|
|
{mode === "light" ? (
|
|
<Skeleton style={{ zIndex: 1 }} />
|
|
) : (
|
|
<SkeletonDark style={{ zIndex: 1 }} />
|
|
)}
|
|
<Box
|
|
className="background-pattern-svg"
|
|
sx={{
|
|
"& svg g g:last-of-type path": {
|
|
stroke: theme.palette.primary.lowContrast,
|
|
},
|
|
}}
|
|
>
|
|
<Background style={{ width: "100%" }} />
|
|
</Box>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default FallbackBackground;
|