From 0f5064ddd6eb56933fcca5f1c8df7442891f5472 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 20 Jul 2024 13:14:44 +0200
Subject: [PATCH] Create Info page

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

diff --git a/dashboard/src/states/Dashboard/pages/Info/Info.jsx b/dashboard/src/states/Dashboard/pages/Info/Info.jsx
new file mode 100644
index 0000000..4ac3bda
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Info/Info.jsx
@@ -0,0 +1,39 @@
+import {Alert, Stack, TextField, Typography} from "@mui/material";
+import {useContext} from "react";
+import {ProjectContext} from "@/states/Dashboard/contexts/Project";
+import Settings from "@/states/Dashboard/pages/Info/components/Settings";
+
+export const Info = () => {
+    const {currentProject} = useContext(ProjectContext);
+
+    return (
+        <>
+            <Typography variant="h5" fontWeight={600}>Project settings</Typography>
+
+            <Settings />
+
+            <Typography variant="h5" fontWeight={600}>Default values</Typography>
+
+            <Stack gap={1} mt={2} mb={2} direction="column" alignItems="flex-start">
+                <Alert severity="error" sx={{width: "100%"}}>
+                    <Typography variant="body1" fontWeight={500}>
+                        It is currently not possible to change the default values. This feature will be available in future
+                        updates.
+                    </Typography>
+                </Alert>
+
+                <Stack sx={{border: 1, borderColor: 'divider', borderRadius: 1.5, p: 2, width: "100%"}} direction="row"
+                          justifyContent="space-between" gap={2}>
+                    <Stack>
+                        <Typography variant="h5" fontWeight={700}>License key</Typography>
+                        <Typography variant="body1" color="text.secondary" fontWeight={500}>
+                            Example: 123A-4313-43121-017#
+                        </Typography>
+                    </Stack>
+                    <TextField sx={{mt: 1}} variant="outlined" size="small" value={currentProject.defaults.licenseKey}/>
+                </Stack>
+
+            </Stack>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/pages/Info/index.js b/dashboard/src/states/Dashboard/pages/Info/index.js
new file mode 100644
index 0000000..bbfb44f
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Info/index.js
@@ -0,0 +1 @@
+export {Info as default} from "./Info.jsx";
\ No newline at end of file