From 5a9a1a5cacaba75570846a99b967ee04b0320172 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 22 Jul 2024 17:21:21 +0200
Subject: [PATCH] Create ExpirationDate page

---
 .../pages/ExpirationDate/ExpirationDate.jsx   | 53 +++++++++++++++++++
 .../pages/ExpirationDate/index.js             |  1 +
 2 files changed, 54 insertions(+)
 create mode 100644 dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/ExpirationDate.jsx
 create mode 100644 dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/index.js

diff --git a/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/ExpirationDate.jsx b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/ExpirationDate.jsx
new file mode 100644
index 0000000..49146ef
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/ExpirationDate.jsx
@@ -0,0 +1,53 @@
+import {DateTimePicker, LocalizationProvider} from "@mui/x-date-pickers";
+import {AdapterDateFns} from "@mui/x-date-pickers/AdapterDateFns";
+import {Button, Typography} from "@mui/material";
+import {CalendarMonth} from "@mui/icons-material";
+
+export const ExpirationDate = ({expirationDate, setExpirationDate, goBack}) => {
+
+    const setInDays = (days) => {
+        setAndGoBack(new Date(new Date().getTime() + days * 24 * 60 * 60 * 1000).toISOString());
+    }
+
+    const setAndGoBack = (date) => {
+        setExpirationDate(date);
+        goBack();
+    }
+
+    return (
+        <>
+            <Typography variant="subtitle1" fontWeight={600}>New expiration date</Typography>
+            <LocalizationProvider dateAdapter={AdapterDateFns}>
+                <DateTimePicker
+                    value={new Date(expirationDate).getTime() === 0 ? null : new Date(expirationDate)}
+                    onChange={(newValue) => {
+                        console.log(JSON.stringify(newValue));
+                        setExpirationDate(new Date(newValue).toISOString());
+                    }}
+                />
+            </LocalizationProvider>
+            <Typography variant="subtitle1" fontWeight={600}>Expires in...</Typography>
+
+            <Button variant="outlined" color="primary" sx={{mt: 1}} onClick={() => setAndGoBack(new Date(0))}
+                    startIcon={<CalendarMonth/>}>
+                Never
+            </Button>
+
+            <Button variant="outlined" color="primary" sx={{mt: 1}} onClick={() => setInDays(7)}
+                    startIcon={<CalendarMonth/>}>
+                In 7 days
+            </Button>
+
+            <Button variant="outlined" color="primary" sx={{mt: 1}} onClick={() => setInDays(30)}
+                    startIcon={<CalendarMonth/>}>
+                In 30 days
+            </Button>
+
+            <Button variant="outlined" color="primary" sx={{mt: 1}} onClick={() => setInDays(365)}
+                    startIcon={<CalendarMonth/>}>
+                In 1 year
+            </Button>
+
+        </>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/index.js b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/index.js
new file mode 100644
index 0000000..7df4caa
--- /dev/null
+++ b/dashboard/src/states/Dashboard/pages/Licenses/components/LicenseDialog/pages/ExpirationDate/index.js
@@ -0,0 +1 @@
+export {ExpirationDate as default} from "./ExpirationDate.jsx";
\ No newline at end of file