Fixing spacing between sections on the Gantt Page

Author: EdgarButtner

src/frontend/src/pages/GanttPage/GanttChart/GanttChartCollectionSection.tsx

@@ -70,7 +70,7 @@ const GanttChartCollectionSection = <E, T>({
 
   const ignoreBool = () => false;
 
-  return (
+  return collection.tasks.length > 0 ? (
     <Box sx={collectionSectionBackgroundStyle}>
       <Box sx={collectionDescriptionContainerStyle}>
         <Typography variant="h6" fontWeight={400}>
@@ -108,7 +108,7 @@ const GanttChartCollectionSection = <E, T>({
         />
       </Box>
     </Box>
-  );
+  ) : null;
 };
 
 export default GanttChartCollectionSection;

src/frontend/src/pages/GanttPage/GanttChart/GanttChartSection.tsx

@@ -63,7 +63,7 @@ const GanttChartSection = <T,>({
     setCurrentTooltipOptions(undefined);
   };
 
-  return tasks.length > 0 ? (
+  return (
     <Box sx={{ width: 'fit-content' }}>
       <Box sx={{ mt: '1rem', width: 'fit-content' }}>
         {tasks.map((task) => {
@@ -100,8 +100,6 @@ const GanttChartSection = <T,>({
         />
       )}
     </Box>
-  ) : (
-    <Typography sx={{ marginTop: 5 }}>No Projects to Display</Typography>
   );
 };
 

src/frontend/src/pages/GanttPage/ProjectGanttChart/GanttChartFilters.tsx

@@ -179,4 +179,5 @@ const GanttChartFilters = ({
     </Box>
   );
 };
+
 export default GanttChartFilters;