Squash lesson plan

Author: ChinemeremChigbo

src/components/DeclareAbsenceForm.tsx

@@ -271,7 +271,12 @@ const DeclareAbsenceForm: React.FC<DeclareAbsenceFormProps> = ({
           <FormErrorMessage>{errors.reasonOfAbsence}</FormErrorMessage>
         </FormControl>
 
-        <FileUpload lessonPlan={lessonPlan} setLessonPlan={setLessonPlan} />
+        <FormControl>
+          <Text textStyle="h4" mb={2}>
+            Lesson Plan
+          </Text>
+          <FileUpload lessonPlan={lessonPlan} setLessonPlan={setLessonPlan} />
+        </FormControl>
 
         <FormControl>
           <FormLabel htmlFor="notes" sx={{ display: 'flex' }}>

src/components/EditAbsenceForm.tsx

@@ -274,11 +274,16 @@ const EditAbsenceForm: React.FC<EditAbsenceFormProps> = ({
           <FormErrorMessage>{errors.reasonOfAbsence}</FormErrorMessage>
         </FormControl>
 
-        <FileUpload
-          lessonPlan={lessonPlan}
-          setLessonPlan={setLessonPlan}
-          existingFile={existingLessonPlan}
-        />
+        <FormControl>
+          <Text textStyle="h4" mb={2}>
+            Lesson Plan
+          </Text>
+          <FileUpload
+            lessonPlan={lessonPlan}
+            setLessonPlan={setLessonPlan}
+            existingFile={existingLessonPlan}
+          />
+        </FormControl>
 
         <FormControl>
           <FormLabel htmlFor="notes" sx={{ display: 'flex' }}>

src/components/FileUpload.tsx

@@ -13,14 +13,12 @@ interface FileUploadProps {
   lessonPlan: File | null;
   setLessonPlan: (file: File | null) => void;
   existingFile?: LessonPlanFile | null;
-  label?: string;
 }
 
 export const FileUpload: React.FC<FileUploadProps> = ({
   lessonPlan,
   setLessonPlan,
   existingFile,
-  label = 'Lesson Plan',
 }) => {
   const [isDragging, setIsDragging] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
@@ -66,10 +64,7 @@ export const FileUpload: React.FC<FileUploadProps> = ({
   };
 
   return (
-    <FormControl>
-      <Text textStyle="h4" mb={2}>
-        {label}
-      </Text>
+    <>
       <Box
         as="label"
         htmlFor="fileUpload"
@@ -106,6 +101,6 @@ export const FileUpload: React.FC<FileUploadProps> = ({
         accept="application/pdf"
         display="none"
       />
-    </FormControl>
+    </>
   );
 };