Added the edit button in the Schedule.jsx

gnmyt · gnmyt · Sep 7, 2023 · Sep 3, 2023 · Sep 6, 2023 · Sep 6, 2023
commit 449a9ffdbaa7417e1bdbd1d24ff0676b8d43e18f
diff --git a/webui/src/states/Root/pages/Scheduler/components/Schedule/Schedule.jsx b/webui/src/states/Root/pages/Scheduler/components/Schedule/Schedule.jsx
@@ -1,5 +1,5 @@
 import {Box, Button, Collapse, Stack, Typography} from "@mui/material";
-import {AddTask, CalendarMonth, Delete, ExpandMore} from "@mui/icons-material";
+import {AddTask, CalendarMonth, Delete, Edit, ExpandMore} from "@mui/icons-material";
 import {useContext, useState} from "react";
 import Action from "@/states/Root/pages/Scheduler/components/Action";
 import CreateActionDialog from "@/states/Root/pages/Scheduler/components/CreateActionDialog";
@@ -8,11 +8,13 @@ import {SchedulesContext} from "@/states/Root/pages/Scheduler/contexts/Schedules
 import ActionConfirmDialog from "@components/ActionConfirmDialog";
 import {t} from "i18next";
 import {convertFrequency} from "@/states/Root/pages/Scheduler/components/Schedule/utils.js";
+import CreateScheduleDialog from "@/states/Root/pages/Scheduler/components/CreateScheduleDialog";
 
 export const Schedule = ({name, execution, actions}) => {
     const [open, setOpen] = useState(false);
     const [dialogOpen, setDialogOpen] = useState(false);
     const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+    const [editDialogOpen, setEditDialogOpen] = useState(false);
 
     const {updateSchedules} = useContext(SchedulesContext);
 
@@ -32,6 +34,9 @@ export const Schedule = ({name, execution, actions}) => {
                                  successMessage="none"
                                  title={t("schedules.delete.title")} description={t("schedules.delete.text")}/>
 
+            <CreateScheduleDialog open={editDialogOpen} setOpen={setEditDialogOpen} edit currentName={name}
+                                  execution={execution}/>
+
             <Stack direction="row" justifyContent="space-between" alignItems="center" onClick={() => setOpen(!open)}
                    style={{cursor: "pointer"}}>
                 <Stack direction="row" alignItems="center" gap={2}>
@@ -56,6 +61,8 @@ export const Schedule = ({name, execution, actions}) => {
                         {t("schedules.tasks.none_created")}</Typography>}
 
                     <Stack direction="row" gap={1} alignItems="center">
+                        <Button variant="outlined" color="success" size="small" startIcon={<Edit/>}
+                                onClick={() => setEditDialogOpen(true)}>{t("schedules.tasks.edit")}</Button>
                         <Button variant="outlined" color="error" size="small" startIcon={<Delete/>}
                                 onClick={() => setDeleteDialogOpen(true)}>{t("schedules.tasks.delete")}</Button>
                         <Button variant="outlined" color="secondary" size="small" startIcon={<AddTask/>}