From e162edf6d4d2e91c7931081d90bb4ca7ddc8f344 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 20 Jul 2024 13:10:06 +0200
Subject: [PATCH] Create Home page

---
 .../src/states/Dashboard/pages/Home/Home.jsx  | 24 +++++++++++++++++++
 .../src/states/Dashboard/pages/Home/index.js  |  1 +
 2 files changed, 25 insertions(+)
 create mode 100644 dashboard/src/states/Dashboard/pages/Home/Home.jsx
 create mode 100644 dashboard/src/states/Dashboard/pages/Home/index.js

diff --git a/dashboard/src/states/Dashboard/pages/Home/Home.jsx b/dashboard/src/states/Dashboard/pages/Home/Home.jsx
new file mode 100644
index 0000000..88bd49d
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Home/Home.jsx
@@ -0,0 +1,24 @@
+import {Stack, Typography} from "@mui/material";
+import {useContext} from "react";
+import {UserContext} from "@contexts/User";
+import {ProjectContext} from "@/states/Dashboard/contexts/Project";
+import ProjectBox from "./components/ProjectBox";
+
+export const Home = () => {
+
+    const {user} = useContext(UserContext);
+    const {projects} = useContext(ProjectContext);
+
+    return (
+        <Stack gap={2}>
+            <Typography variant="h2" fontWeight="bold">Dashboard</Typography>
+            <Typography variant="h5">Welcome back, <Typography variant="span"
+                                                                    color="primary">{user.username}</Typography>.</Typography>
+
+            <Typography variant="h4" fontWeight="bold" mt={3}>Your projects:</Typography>
+            <Stack direction="row" gap={2} flexWrap="wrap">
+                {projects.map((project, index) => <ProjectBox project={project} key={index}/>)}
+            </Stack>
+        </Stack>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/pages/Home/index.js b/dashboard/src/states/Dashboard/pages/Home/index.js
new file mode 100644
index 0000000..614867f
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Home/index.js
@@ -0,0 +1 @@
+export {Home as default} from "./Home.jsx";
\ No newline at end of file