[#12240] Set heatmap as default

Author: jihea-park

web-frontend/src/main/v3/packages/ui/src/atoms/serverMap.ts

@@ -70,6 +70,4 @@ export const currentServerAgentIdAtom = atom<string | undefined>((get) => {
 
 export const realtimeDateRanage = atom<{ from: Date; to: Date } | undefined>(undefined);
 
-export const serverMapChartTypeAtom = atom<'scatter' | 'heatmap'>(
-  window?.localStorage?.getItem(EXPERIMENTAL_CONFIG_KEYS.ENABLE_HEATMAP) ? 'heatmap' : 'scatter',
-);
+export const serverMapChartTypeAtom = atom<'scatter' | 'heatmap'>('heatmap');

web-frontend/src/main/v3/packages/ui/src/components/ServerMap/ChartTypeButtons.tsx

@@ -1,31 +1,12 @@
-import React from 'react';
-import { useAtom, useAtomValue } from 'jotai';
+import { useAtom } from 'jotai';
 import { Button } from '..';
-import { configurationAtom, serverMapChartTypeAtom } from '@pinpoint-fe/ui/src/atoms';
-import { useLocalStorage } from '@pinpoint-fe/ui/src/hooks';
-import { EXPERIMENTAL_CONFIG_KEYS } from '@pinpoint-fe/ui/src/constants';
+import { serverMapChartTypeAtom } from '@pinpoint-fe/ui/src/atoms';
 import { PiChartScatterBold } from 'react-icons/pi';
 import { AiOutlineTable } from 'react-icons/ai';
 
 export const ChartTypeButtons = () => {
-  const configuration = useAtomValue(configurationAtom);
-  const [enableHeatmap] = useLocalStorage(
-    EXPERIMENTAL_CONFIG_KEYS.ENABLE_HEATMAP,
-    !!configuration?.['experimental.enableHeatmap.value'],
-  );
-
   const [chartType, setChartType] = useAtom(serverMapChartTypeAtom);
 
-  React.useEffect(() => {
-    if (!enableHeatmap) {
-      setChartType('scatter');
-    }
-  }, [enableHeatmap]);
-
-  if (!enableHeatmap) {
-    return null;
-  }
-
   return (
     <div>
       <Button

web-frontend/src/main/v3/packages/ui/src/constants/ExperimentalConfigKeys.ts

@@ -5,5 +5,4 @@ export enum EXPERIMENTAL_CONFIG_KEYS {
   // UPDATE_SERVER_MAP_LAYOUT_MANUALLY = 'updateServerMapLayoutManually',
   // USE_SCATTER_CHART_V2 = 'useScatterChartV2',
   USE_STATISTICS_AGENT_STATE = 'statisticsAgentState',
-  ENABLE_HEATMAP = 'enableHeatmap',
 }

web-frontend/src/main/v3/packages/ui/src/hooks/utility/useExperimentals.ts

@@ -11,10 +11,6 @@ export const useExperimentals = (initialValue?: Configuration) => {
     EXPERIMENTAL_CONFIG_KEYS.USE_STATISTICS_AGENT_STATE,
     !!initialValue?.['experimental.useStatisticsAgentState.value'],
   );
-  const [enableHeatmap, setEnableHeatmap] = useLocalStorage(
-    EXPERIMENTAL_CONFIG_KEYS.ENABLE_HEATMAP,
-    !!initialValue?.['experimental.enableHeatmap.value'],
-  );
 
   useUpdateEffect(() => {
     enableServerMapRealTime ??
@@ -25,7 +21,6 @@ export const useExperimentals = (initialValue?: Configuration) => {
       setUseStatisticsAgentState(
         initialValue?.['experimental.useStatisticsAgentState.value'] || false,
       );
-    enableHeatmap ?? setEnableHeatmap(initialValue?.['experimental.enableHeatmap.value'] || false);
   }, [initialValue]);
 
   const experimentalMap = {
@@ -39,11 +34,6 @@ export const useExperimentals = (initialValue?: Configuration) => {
       value: useStatisticsAgentState,
       setter: setUseStatisticsAgentState,
     },
-    [EXPERIMENTAL_CONFIG_KEYS.ENABLE_HEATMAP]: {
-      description: initialValue?.['experimental.enableHeatmap.description'],
-      value: enableHeatmap,
-      setter: setEnableHeatmap,
-    },
   };
 
   return experimentalMap;