From a9d6e95e81101511640d04583b09dbc0a6fbaf49 Mon Sep 17 00:00:00 2001
From: Mohamed Daahir <sharaf.13@hotmail.com>
Date: Mon, 1 Jan 2024 19:21:01 +0000
Subject: [PATCH] prevent customising heading if section is empty

---
 .../generator/form/sections/AwardsSection.tsx        | 12 +++++++-----
 .../generator/form/sections/EducationSection.tsx     | 12 +++++++-----
 .../generator/form/sections/SkillsSection.tsx        | 12 +++++++-----
 .../generator/form/sections/WorkSection.tsx          | 12 +++++++-----
 .../generator/form/sections/projectsSection.tsx      | 12 +++++++-----
 5 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/src/components/generator/form/sections/AwardsSection.tsx b/src/components/generator/form/sections/AwardsSection.tsx
index 7f31dc4f..acfd6b28 100644
--- a/src/components/generator/form/sections/AwardsSection.tsx
+++ b/src/components/generator/form/sections/AwardsSection.tsx
@@ -10,11 +10,13 @@ export function AwardSection() {
 
   return (
     <FormSection title="Honors & Awards">
-      <LabeledInput
-        name="headings.awards"
-        label="Section Heading"
-        placeholder="Awards"
-      />
+      {fields.length > 0 && (
+        <LabeledInput
+          name="headings.awards"
+          label="Section Heading"
+          placeholder="Awards"
+        />
+      )}
       {fields.map((field, index) => (
         <Fragment key={field.id}>
           <Divider />
diff --git a/src/components/generator/form/sections/EducationSection.tsx b/src/components/generator/form/sections/EducationSection.tsx
index 88abe94e..3738849c 100644
--- a/src/components/generator/form/sections/EducationSection.tsx
+++ b/src/components/generator/form/sections/EducationSection.tsx
@@ -10,11 +10,13 @@ export function EducationSection() {
 
   return (
     <FormSection title="Your Educational Background">
-      <LabeledInput
-        name="headings.education"
-        label="Section Heading"
-        placeholder="Education"
-      />
+      {fields.length > 0 && (
+        <LabeledInput
+          name="headings.education"
+          label="Section Heading"
+          placeholder="Education"
+        />
+      )}
       {fields.map((field, index) => (
         <Fragment key={field.id}>
           <Divider />
diff --git a/src/components/generator/form/sections/SkillsSection.tsx b/src/components/generator/form/sections/SkillsSection.tsx
index 401558a6..b6c66254 100644
--- a/src/components/generator/form/sections/SkillsSection.tsx
+++ b/src/components/generator/form/sections/SkillsSection.tsx
@@ -12,11 +12,13 @@ export function SkillsSection() {
 
   return (
     <FormSection title="Your Skills">
-      <LabeledInput
-        name="headings.skills"
-        label="Section Heading"
-        placeholder="Skills"
-      />
+      {fields.length > 0 && (
+        <LabeledInput
+          name="headings.skills"
+          label="Section Heading"
+          placeholder="Skills"
+        />
+      )}
       {fields.map((field, index) => (
         <Fragment key={field.id}>
           <Divider />
diff --git a/src/components/generator/form/sections/WorkSection.tsx b/src/components/generator/form/sections/WorkSection.tsx
index 6466e93e..49751a1f 100644
--- a/src/components/generator/form/sections/WorkSection.tsx
+++ b/src/components/generator/form/sections/WorkSection.tsx
@@ -12,11 +12,13 @@ export function WorkSection() {
 
   return (
     <FormSection title="Your Work Experience">
-      <LabeledInput
-        name="headings.work"
-        label="Section Heading"
-        placeholder="Work"
-      />
+      {fields.length > 0 && (
+        <LabeledInput
+          name="headings.work"
+          label="Section Heading"
+          placeholder="Work"
+        />
+      )}
       {fields.map((field, index) => (
         <Fragment key={field.id}>
           <Divider />
diff --git a/src/components/generator/form/sections/projectsSection.tsx b/src/components/generator/form/sections/projectsSection.tsx
index b72a471f..bed26191 100644
--- a/src/components/generator/form/sections/projectsSection.tsx
+++ b/src/components/generator/form/sections/projectsSection.tsx
@@ -12,11 +12,13 @@ export function ProjectsSection() {
 
   return (
     <FormSection title="Your Projects">
-      <LabeledInput
-        name="headings.projects"
-        label="Section Heading"
-        placeholder="Projects"
-      />
+      {fields.length > 0 && (
+        <LabeledInput
+          name="headings.projects"
+          label="Section Heading"
+          placeholder="Projects"
+        />
+      )}
       {fields.map((field, index) => (
         <Fragment key={field.id}>
           <Divider />