From 658eb7c944c00b5e38ed829ec5ef6c8b048ee558 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 22 Jul 2024 18:16:05 +0200
Subject: [PATCH] Create Groups default component

---
 .../Defaults/components/Groups/Groups.jsx     | 50 +++++++++++++++++++
 .../Defaults/components/Groups/index.js       |  1 +
 2 files changed, 51 insertions(+)
 create mode 100644 dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/Groups.jsx
 create mode 100644 dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/index.js

diff --git a/dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/Groups.jsx b/dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/Groups.jsx
new file mode 100644
index 0000000..e0387fb
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/Groups.jsx
@@ -0,0 +1,50 @@
+import {Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, Typography} from "@mui/material";
+import {ProjectContext} from "@/states/Dashboard/contexts/Project";
+import {useContext, useState} from "react";
+import {patchRequest} from "@/common/utils/RequestUtil.js";
+import {default as GroupDialog} from "@/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/Groups";
+
+export const Groups = () => {
+
+    const {currentProject, updateProjects} = useContext(ProjectContext);
+
+    const [open, setOpen] = useState(false);
+
+    const [groups, setGroups] = useState(currentProject.defaults.groups);
+
+    const saveGroups = async () => {
+        try {
+            setOpen(false);
+            await patchRequest(`/project/${currentProject.id}`, {defaults: {groups}});
+            await updateProjects();
+        } catch (e) {
+            console.error(e.message);
+        }
+    }
+
+    return (
+        <Stack sx={{border: 1, borderColor: 'divider', borderRadius: 1.5, p: 2, width: "100%"}} direction="row"
+               justifyContent="space-between" gap={2} alignItems="center">
+            <Dialog open={open} onClose={() => setOpen(false)}>
+                <DialogTitle>Update default groups</DialogTitle>
+                <DialogContent sx={{width: 400, overflow: "hidden"}}>
+                    <GroupDialog groups={groups} setGroups={setGroups}/>
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={() => setOpen(false)}>Cancel</Button>
+                    <Button onClick={() => saveGroups()} color="primary">Save</Button>
+                </DialogActions>
+            </Dialog>
+
+            <Stack>
+                <Typography variant="h5" fontWeight={700}>Groups</Typography>
+                <Typography variant="body1" color="text.secondary" fontWeight={500}>
+                    {currentProject.defaults.groups.length > 0 && <>Current groups: {currentProject.defaults.groups.join(", ")}</>}
+                    {currentProject.defaults.groups.length === 0 && <>No groups selected</>}
+
+                </Typography>
+            </Stack>
+            <Button variant="contained" onClick={() => setOpen(true)}>Edit</Button>
+        </Stack>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/index.js b/dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/index.js
new file mode 100644
index 0000000..1017ff4
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Info/components/Defaults/components/Groups/index.js
@@ -0,0 +1 @@
+export {Groups as default} from "./Groups.jsx";
\ No newline at end of file