[LANDGRIF-1559] adds footer to analysis table

client/src/components/legend/item/component.tsx

@@ -1,15 +1,14 @@
 import classNames from 'classnames';
 import { EyeIcon, EyeOffIcon, XIcon } from '@heroicons/react/solid';
 import { useCallback } from 'react';
+import { useSearchParams } from 'next/navigation';
 
 import OpacityControl from './opacityControl';
 import DragHandle from './dragHandle';
 import { ComparisonToggle } from './comparisonModeToggle';
 import InfoModal from './info-modal';
 
 import Loading from 'components/loading';
-import { useAppSelector } from 'store/hooks';
-import { scenarios } from 'store/features/analysis';
 
 import type { Dispatch } from 'react';
 import type { InfoModalProps } from './info-modal';
@@ -45,7 +44,8 @@ export const LegendItem = ({
   onToggle,
   isActive,
 }: LegendItemProps) => {
-  const { isComparisonEnabled } = useAppSelector(scenarios);
+  const searchParams = useSearchParams();
+  const isComparisonEnabled = Boolean(searchParams.get('compareScenarioId'));
 
   const handleToggleActive = useCallback(() => {
     onToggle(!isActive);

client/src/containers/analysis-sidebar/component.tsx

@@ -7,7 +7,6 @@ import { pickBy } from 'lodash-es';
 import { useAppSelector, useAppDispatch } from 'store/hooks';
 import {
   scenarios,
-  setComparisonEnabled,
   setCurrentScenario,
   setScenarioToCompare as setScenarioToCompareAction,
 } from 'store/features/analysis/scenarios';
@@ -64,7 +63,6 @@ const ScenariosComponent: React.FC<{ scrollref?: MutableRefObject<HTMLDivElement
       // TODO: deprecated, we'll keep only for retro-compatibility
       dispatch(setCurrentScenario(id));
       dispatch(setScenarioToCompareAction(null));
-      dispatch(setComparisonEnabled(false));
     },
     [dispatch, push, query],
   );

client/src/containers/analysis-visualization/analysis-dynamic-metadata/component.tsx

@@ -1,6 +1,7 @@
 import { useMemo, useCallback } from 'react';
 import classNames from 'classnames';
 import { InformationCircleIcon } from '@heroicons/react/outline';
+import { useSearchParams } from 'next/navigation';
 
 import { useAppSelector, useAppDispatch } from 'store/hooks';
 import { useScenario } from 'hooks/scenarios';
@@ -26,8 +27,11 @@ type AnalysisDynamicMetadataTypes = {
 const AnalysisDynamicMetadata: FC<AnalysisDynamicMetadataTypes> = ({
   className,
 }: AnalysisDynamicMetadataTypes) => {
+  const searchParams = useSearchParams();
+  const isComparisonEnabled = Boolean(searchParams.get('compareScenarioId'));
+
   const dispatch = useAppDispatch();
-  const { currentScenario, scenarioToCompare, isComparisonEnabled } = useAppSelector(scenarios);
+  const { currentScenario, scenarioToCompare } = useAppSelector(scenarios);
   const { data: scenario } = useScenario(currentScenario);
   const { data: scenarioB } = useScenario(scenarioToCompare);
 

client/src/containers/analysis-visualization/analysis-legend/impact-legend-item/component.tsx

@@ -1,8 +1,8 @@
 import { useCallback, useMemo } from 'react';
+import { useSearchParams } from 'next/navigation';
 
 import { useAppSelector, useAppDispatch, useSyncIndicators } from 'store/hooks';
 import { analysisMap, setLayer } from 'store/features/analysis/map';
-import { scenarios } from 'store/features/analysis';
 import LegendTypeChoropleth from 'components/legend/types/choropleth';
 import LegendTypeComparative from 'components/legend/types/comparative';
 import LegendItem from 'components/legend/item';
@@ -13,6 +13,9 @@ import type { Legend } from 'types';
 const LAYER_ID = 'impact';
 
 const ImpactLayer = () => {
+  const searchParams = useSearchParams();
+  const isComparisonEnabled = Boolean(searchParams.get('compareScenarioId'));
+
   const dispatch = useAppDispatch();
   const [syncedIndicators] = useSyncIndicators();
 
@@ -40,8 +43,6 @@ const ImpactLayer = () => {
     [layer.metadata?.legend.items],
   );
 
-  const { isComparisonEnabled } = useAppSelector(scenarios);
-
   const name = useMemo(() => {
     if (!layer.metadata?.legend?.name) return null;