Removes overview charts but label distribution

Author: JWittmeyer

src/components/projects/projectId/overview/ProjectOverview.tsx

@@ -1,10 +1,8 @@
-import { selectIsManaged } from "@/src/reduxStore/states/general";
 import { selectStaticSlices } from "@/src/reduxStore/states/pages/data-browser";
 import { selectLabelingTasksAll, selectUsableAttributesNoFiltered } from "@/src/reduxStore/states/pages/settings";
 import { selectOverviewFilters, setOverviewFilters, updateOverFilters } from "@/src/reduxStore/states/tmp";
 import { ProjectOverviewFilters } from "@/src/types/components/projects/projectId/project-overview/project-overview";
 import { LabelingTask } from "@/src/types/components/projects/projectId/settings/labeling-tasks";
-import { getDisplayGraphValueArray } from "@/src/util/components/projects/projectId/project-overview/project-overview-helper";
 import { TOOLTIPS_DICT } from "@/src/util/tooltip-constants";
 import { DisplayGraphs } from "@/submodules/javascript-functions/enums/enums";
 import KernDropdown from "@/submodules/react-components/components/KernDropdown";
@@ -20,47 +18,27 @@ export default function ProjectOverviewHeader() {
     const targetAttributes = useSelector(selectUsableAttributesNoFiltered);
     const dataSlices = useSelector(selectStaticSlices);
     const overviewFilters = useSelector(selectOverviewFilters);
-    const isManaged = useSelector(selectIsManaged);
 
     const [labelingTasksFiltered, setLabelingTasksFiltered] = useState<LabelingTask[]>([]);
-    const [graphsValueArray, setGraphsValueArray] = useState<any>(getDisplayGraphValueArray());
 
     useEffect(() => {
         if (!labelingTasks || !targetAttributes || !dataSlices || !targetAttributes[0] || !dataSlices[0]) return;
         const labelingTasksFinal = labelingTasks.find((labelingTask) => labelingTask.targetName === targetAttributes[0].name);
         const overviewFiltersNew: ProjectOverviewFilters = {
-            graphType: graphsValueArray[0],
+            graphType: { name: "Label Distribution", value: DisplayGraphs.LABEL_DISTRIBUTION },
             targetAttribute: targetAttributes[0],
             labelingTask: labelingTasksFinal,
             dataSlice: dataSlices[0],
         }
         dispatch(setOverviewFilters(overviewFiltersNew));
         setLabelingTasksFiltered(labelingTasks.filter((labelingTask) => labelingTask.targetName === targetAttributes[0].name));
-        if (!isManaged) {
-            setGraphsValueArray(graphsValueArray.filter((graph: any) => graph.value !== DisplayGraphs.INTER_ANNOTATOR));
-        }
-    }, [labelingTasks, targetAttributes, dataSlices, isManaged]);
+    }, [labelingTasks, targetAttributes, dataSlices]);
 
     return (
         <nav className="flex" aria-label="Breadcrumb">
             <ol role="list" className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-1 items-center">
-                <li>
-                    <div className="flex flex-row items-center">
-                        <Tooltip placement="bottom" trigger="hover" color="invert" content={TOOLTIPS_DICT.PROJECT_OVERVIEW.VISUALIZATION} className="relative z-10 cursor-auto">
-                            <span className={`cursor-help mr-2 underline text-black-800 filtersUnderline`}>Visualizations</span>
-                        </Tooltip>
-                        <KernDropdown buttonName={overviewFilters?.graphType?.name} options={graphsValueArray} dropdownWidth="w-44"
-                            selectedOption={(option: any) => {
-                                dispatch(updateOverFilters('graphType', option));
-                            }} />
-                    </div>
-                </li>
                 <li>
                     <div className="flex items-center">
-                        <svg className="flex-shrink-0 h-5 w-5 text-gray-300" xmlns="http://www.w3.org/2000/svg"
-                            fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
-                            <path d="M5.555 17.776l8-16 .894.448-8 16-.894-.448z" />
-                        </svg>
                         <Tooltip placement="bottom" trigger="hover" color="invert" content={TOOLTIPS_DICT.PROJECT_OVERVIEW.TARGET_TYPE} className="relative z-10 cursor-auto">
                             <span className={`cursor-help mr-2 underline text-black-800 filtersUnderline`}>Target</span>
                         </Tooltip>