Separate Client Portal & Dashboard

frontend/dashboard/src/components/upload/BlockContent.tsx

@@ -0,0 +1,38 @@
+// @mui
+import { Box, Typography, Stack } from '@mui/material';
+// assets
+import { UploadIllustration } from '../../assets';
+
+// ----------------------------------------------------------------------
+
+export default function BlockContent() {
+  return (
+    <Stack
+      spacing={2}
+      alignItems="center"
+      justifyContent="center"
+      direction={{ xs: 'column', md: 'row' }}
+      sx={{ width: 1, textAlign: { xs: 'center', md: 'left' } }}
+    >
+      <UploadIllustration sx={{ width: 220 }} />
+
+      <Box sx={{ p: 3 }}>
+        <Typography gutterBottom variant="h5">
+          Drop or Select file
+        </Typography>
+
+        <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+          Drop files here or click&nbsp;
+          <Typography
+            variant="body2"
+            component="span"
+            sx={{ color: 'primary.main', textDecoration: 'underline' }}
+          >
+            browse
+          </Typography>
+          &nbsp;thorough your machine
+        </Typography>
+      </Box>
+    </Stack>
+  );
+}