update retrospective

Author: JoshuaGoldberg

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

@@ -12,7 +12,7 @@ import {
   RequestEventChange
 } from '../../../utils/gantt.utils';
 import { Box, Typography } from '@mui/material';
-import { RefObject, useCallback, useRef, useState } from 'react';
+import { MutableRefObject, useCallback, useRef, useState } from 'react';
 import GanttTaskBar from './GanttChartComponents/GanttTaskBar/GanttTaskBar';
 import GanttToolTip from './GanttChartComponents/GanttToolTip';
 import { ArcherContainer } from 'react-archer';
@@ -30,7 +30,7 @@ interface GanttChartSectionProps<T> {
 }
 
 interface GanttTooltipLayerProps {
-  updateRef: RefObject<(options: OnMouseOverOptions | undefined, y?: number) => void>;
+  updateRef: MutableRefObject<(options: OnMouseOverOptions | undefined, y?: number) => void>;
 }
 
 const GanttTooltipLayer: React.FC<GanttTooltipLayerProps> = ({ updateRef }) => {

src/frontend/src/pages/RetrospectivePage/Retrospective.tsx

@@ -41,7 +41,6 @@ const RetrospectivePage = () => {
   const { isLoading: carsIsLoading, isError: carsIsError, data: cars, error: carsError } = useGetAllCars();
 
   const [searchText, setSearchText] = useState<string>('');
-  const [showWorkPackagesMap, setShowWorkPackagesMap] = useState<Map<string, boolean>>(new Map());
   const [collections, setCollections] = useState<GanttCollection<TeamPreview, WbsElementPreview | Task>[]>([]);
 
   const {
@@ -187,7 +186,6 @@ const RetrospectivePage = () => {
   const resetHandler = () => {
     history.push(routes.RETROSPECTIVE);
     localStorage.removeItem('retro-gantt');
-    showWorkPackagesMap.clear();
   };
 
   /***************************************************** */
@@ -220,24 +218,6 @@ const RetrospectivePage = () => {
         )
       : add(Date.now(), { weeks: 15 });
 
-  const collapseHandler = () => {
-    projects.forEach((project) => {
-      setShowWorkPackagesMap((prev) => new Map(prev.set(project.id, false)));
-    });
-  };
-
-  const expandHandler = () => {
-    projects.forEach((project) => {
-      setShowWorkPackagesMap((prev) => new Map(prev.set(project.id, true)));
-    });
-  };
-
-  const elementId = (element: WbsElementPreview | Task) => (element as WbsElementPreview).id || (element as Task).taskId;
-
-  const toggleElementShowChildren = (element: WbsElementPreview | Task) => {
-    setShowWorkPackagesMap((prev) => new Map(prev.set(elementId(element), !prev.get(elementId(element)))));
-  };
-
   const headerRight = (
     <Box sx={{ display: 'flex', gap: 1, justifyContent: 'flex-end', alignItems: 'center' }}>
       <GanttChartColorLegend />
@@ -254,8 +234,6 @@ const RetrospectivePage = () => {
         overdueHandler={overdueHandler}
         hideTasksHandler={hideTasksHandler}
         resetHandler={resetHandler}
-        collapseHandler={collapseHandler}
-        expandHandler={expandHandler}
       />
     </Box>
   );
@@ -267,13 +245,7 @@ const RetrospectivePage = () => {
         chips={<SearchBar placeholder="Search Project by Name" searchText={searchText} setSearchText={setSearchText} />}
         headerRight={headerRight}
       >
-        <GanttChart
-          collections={collections}
-          startDate={startDate}
-          endDate={endDate}
-          shouldShowChildren={(task) => !!showWorkPackagesMap.get(elementId(task.element))}
-          onShowChildrenToggle={(task) => toggleElementShowChildren(task.element)}
-        />
+        <GanttChart collections={collections} startDate={startDate} endDate={endDate} />
       </PageLayout>
     </>
   );