chore(web-ts-results): rename selectedFrameworksDropDown

Author: nakrovati

webdriver-ts-results/src/components/selection/CopyPasteSelection.tsx

@@ -52,7 +52,7 @@ const CopyPasteSelection = () => {
   const copy = () => {
     const serializedState = {
       frameworks: state.frameworks
-        .filter((f) => state.selectedFrameworksDropDown.has(f))
+        .filter((f) => state.selectedFrameworks.has(f))
         .map((f) => f.dir),
       benchmarks: state.benchmarks
         .filter((f) => state.selectedBenchmarks.has(f))

webdriver-ts-results/src/components/selection/FrameworkSelector/FrameworkSelectorCategory.tsx

@@ -12,9 +12,7 @@ interface Props {
 const FrameworkSelectorCategory = ({ label, frameworkType }: Props) => {
   console.log("FrameworkSelectorCategory");
 
-  const selectedFrameworks = useRootStore(
-    (state) => state.selectedFrameworksDropDown,
-  );
+  const selectedFrameworks = useRootStore((state) => state.selectedFrameworks);
   const frameworks = useRootStore(
     (state) => state.frameworkLists[frameworkType],
   );

webdriver-ts-results/src/reducer.ts

@@ -86,7 +86,7 @@ interface State {
   benchmarks: Array<Benchmark>;
   frameworks: Array<Framework>;
   selectedBenchmarks: Set<Benchmark>;
-  selectedFrameworksDropDown: Set<Framework>;
+  selectedFrameworks: Set<Framework>;
   resultTables: ResultTables;
   sortKey: string;
   displayMode: DisplayMode;
@@ -116,7 +116,7 @@ interface Actions {
 function updateResultTable({
   frameworks,
   benchmarks,
-  selectedFrameworksDropDown: selectedFrameworks,
+  selectedFrameworks: selectedFrameworks,
   selectedBenchmarks,
   sortKey,
   displayMode,
@@ -202,7 +202,7 @@ const preInitialState: State = {
   },
   // dynamic
   selectedBenchmarks: allBenchmarks,
-  selectedFrameworksDropDown: allFrameworks,
+  selectedFrameworks: allFrameworks,
   sortKey: SORT_BY_GEOMMEAN_CPU,
   displayMode: DisplayMode.DisplayMedian,
   resultTables: {
@@ -237,27 +237,30 @@ export const useRootStore = create<State & Actions>((set, get) => ({
   },
   areAllFrameworksSelected: (type) => {
     return get().frameworkLists[type].every((framework) =>
-      get().selectedFrameworksDropDown.has(framework),
+      get().selectedFrameworks.has(framework),
     );
   },
   isNoneFrameworkSelected: (type) => {
     return get().frameworkLists[type].every(
-      (framework) => !get().selectedFrameworksDropDown.has(framework),
+      (framework) => !get().selectedFrameworks.has(framework),
     );
   },
   // Actions
   selectFramework: (framework: Framework, add: boolean) => {
-    const newSelectedFramework = new Set(get().selectedFrameworksDropDown);
+    const newSelectedFramework = new Set(get().selectedFrameworks);
 
     add
       ? newSelectedFramework.add(framework)
       : newSelectedFramework.delete(framework);
 
     const t = { ...get(), selectedFrameworksDropDown: newSelectedFramework };
-    return set(() => ({ ...t, resultTables: updateResultTable(t) }));
+    return set(() => ({
+      ...t,
+      resultTables: updateResultTable(t),
+    }));
   },
   selectAllFrameworks: (frameworkType: FrameworkType, add: boolean) => {
-    const newSelectedFramework = new Set(get().selectedFrameworksDropDown);
+    const newSelectedFramework = new Set(get().selectedFrameworks);
     const frameworks =
       frameworkType === FrameworkType.KEYED
         ? get().frameworkLists[FrameworkType.KEYED]