From c1407c87e9a14f5ea22acbdbec274ae0918b9d76 Mon Sep 17 00:00:00 2001
From: he3als <65787561+he3als@users.noreply.github.com>
Date: Sat, 17 Aug 2024 03:01:47 +0100
Subject: [PATCH] fix(schedules): linter changes

---
 .../components/elements/ItemContainer.tsx     | 16 +++++++++---
 .../schedules/ScheduleEditContainer.tsx       | 26 +++++++++----------
 .../server/schedules/ScheduleTaskRow.tsx      | 10 +++----
 3 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/resources/scripts/components/elements/ItemContainer.tsx b/resources/scripts/components/elements/ItemContainer.tsx
index fba9ff21e..845bacbed 100644
--- a/resources/scripts/components/elements/ItemContainer.tsx
+++ b/resources/scripts/components/elements/ItemContainer.tsx
@@ -4,18 +4,28 @@ import { v4 } from 'uuid';
 export interface ContainerProps {
     title: string;
     description: string;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     labelClasses?: string;
     titleClasses?: string;
     descriptionClasses?: string;
     divClasses?: string;
 }
 
-const ItemContainer = ({ title, description, children, labelClasses, titleClasses, descriptionClasses, divClasses }: ContainerProps) => {
+const ItemContainer = ({
+    title,
+    description,
+    children,
+    labelClasses,
+    titleClasses,
+    descriptionClasses,
+    divClasses,
+}: ContainerProps) => {
     const uuid = useMemo(() => v4(), []);
 
     return (
-        <div className={`flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg ${divClasses}`}>
+        <div
+            className={`flex items-center justify-between gap-2 bg-[#3333332a] border-[1px] border-[#ffffff0e] p-4 rounded-lg ${divClasses}`}
+        >
             <div className={`flex flex-col ${labelClasses}`}>
                 <label htmlFor={uuid} className={`text-neutral-300 text-md font-bold ${titleClasses}`}>
                     {title}
diff --git a/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx b/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx
index 1381f685c..c1d408dee 100644
--- a/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleEditContainer.tsx
@@ -5,6 +5,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 
 import FlashMessageRender from '@/components/FlashMessageRender';
 import Can from '@/components/elements/Can';
+import ItemContainer from '@/components/elements/ItemContainer';
 import PageContentBlock from '@/components/elements/PageContentBlock';
 import Spinner from '@/components/elements/Spinner';
 import { Button } from '@/components/elements/button/index';
@@ -19,10 +20,9 @@ import getServerSchedule from '@/api/server/schedules/getServerSchedule';
 import { ServerContext } from '@/state/server';
 
 import useFlash from '@/plugins/useFlash';
-import ItemContainer from '@/components/elements/ItemContainer';
 
 const CronBox = ({ title, value }: { title: string; value: string }) => (
-    <ItemContainer title={title} description={value} children={undefined} />
+    <ItemContainer title={title} description={value} />
 );
 
 const ActivePill = ({ active }: { active: boolean }) => (
@@ -101,7 +101,7 @@ export default () => {
                                     )}
 
                                     <br className={`sm:invisible`} />
-                                    
+
                                     <strong>Next run at:&nbsp;</strong>
                                     {schedule.nextRunAt ? (
                                         format(schedule.nextRunAt, "MMM do 'at' h:mma")
@@ -129,16 +129,16 @@ export default () => {
                         <div>
                             {schedule.tasks.length > 0
                                 ? schedule.tasks
-                                    .sort((a, b) =>
-                                        a.sequenceId === b.sequenceId ? 0 : a.sequenceId > b.sequenceId ? 1 : -1,
-                                    )
-                                    .map((task) => (
-                                        <ScheduleTaskRow
-                                            key={`${schedule.id}_${task.id}`}
-                                            task={task}
-                                            schedule={schedule}
-                                        />
-                                    ))
+                                      .sort((a, b) =>
+                                          a.sequenceId === b.sequenceId ? 0 : a.sequenceId > b.sequenceId ? 1 : -1,
+                                      )
+                                      .map((task) => (
+                                          <ScheduleTaskRow
+                                              key={`${schedule.id}_${task.id}`}
+                                              task={task}
+                                              schedule={schedule}
+                                          />
+                                      ))
                                 : null}
                         </div>
                     </div>
diff --git a/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx b/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx
index 71bdadc39..764293612 100644
--- a/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx
+++ b/resources/scripts/components/server/schedules/ScheduleTaskRow.tsx
@@ -4,6 +4,7 @@ import { useState } from 'react';
 
 import Can from '@/components/elements/Can';
 import ConfirmationModal from '@/components/elements/ConfirmationModal';
+import ItemContainer from '@/components/elements/ItemContainer';
 import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
 import TaskDetailsModal from '@/components/server/schedules/TaskDetailsModal';
 
@@ -14,7 +15,6 @@ import { Schedule, Task } from '@/api/server/schedules/getServerSchedules';
 import { ServerContext } from '@/state/server';
 
 import useFlash from '@/plugins/useFlash';
-import ItemContainer from '@/components/elements/ItemContainer';
 
 interface Props {
     schedule: Schedule;
@@ -98,18 +98,14 @@ export default ({ schedule, task }: Props) => {
             <div className={`flex flex-none items-end flex-col sm:flex-row`}>
                 {task.continueOnFailure && (
                     <div className={`sm:mr-6`}>
-                        <div
-                            className={`px-2 py-1 bg-yellow-500 text-yellow-800 text-sm rounded-full`}
-                        >
+                        <div className={`px-2 py-1 bg-yellow-500 text-yellow-800 text-sm rounded-full`}>
                             Continues on Failure
                         </div>
                     </div>
                 )}
                 {task.sequenceId > 1 && task.timeOffset > 0 && (
                     <div className={`sm:mr-6`}>
-                        <div className={`px-2 py-1 bg-zinc-500 text-sm rounded-full`}>
-                            {task.timeOffset}s later
-                        </div>
+                        <div className={`px-2 py-1 bg-zinc-500 text-sm rounded-full`}>{task.timeOffset}s later</div>
                     </div>
                 )}
                 <Can action={'schedule.update'}>