UploadFile Layout.tsx

0% Statements 0/3

0% Branches 0/4

0% Functions 0/1

0% Lines 0/3

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import Box from "@mui/material/Box";
import Stack from "@mui/material/Stack";
import useMediaQuery from "@mui/material/useMediaQuery";
import { ILayoutProps } from "react-dropzone-uploader";
 
const Layout = ({ input, previews, dropzoneProps, files }: ILayoutProps) => {
  const isDesktop = useMediaQuery("(min-width: 600px)");
 
  return (
    <>
      <Box {...dropzoneProps}>
        {input}
        {files.length > 0 && (
          <Stack
            mt={2}
            gap={2}
            width="100%"
            alignItems="center"
            justifyContent="center"
            direction={isDesktop ? "row" : "column"}
          >
            {previews}
          </Stack>
        )}
      </Box>
    </>
  );
};
 
export default Layout;