refactor: rename the mode selectors component

Author: nakrovati

webdriver-ts-results/src/components/SelectionToolbar/ModeSelectors/ModeSelectionPanel.css renamed to webdriver-ts-results/src/components/SelectionToolbar/ModeSelectors/ModeSelectors.css

@@ -1,14 +1,14 @@
 import { useRootStore } from "@/reducer";
 import DisplayModeSelector from "./DisplayModeSelector";
 import DurationModeSelector from "./DurationModeSelector";
-import "./ModeSelectionPanel.css";
+import "./ModeSelectors.css";
 
 interface Props {
   showDurationSelection: boolean;
 }
 
-const ModeSelectionPanel = ({ showDurationSelection }: Props) => {
-  console.log("ModeSelector");
+const ModeSelectors = ({ showDurationSelection }: Props) => {
+  console.log("ModeSelectors");
 
   const displayMode = useRootStore((state) => state.displayMode);
   const cpuDurationMode = useRootStore((state) => state.cpuDurationMode);
@@ -27,4 +27,4 @@ const ModeSelectionPanel = ({ showDurationSelection }: Props) => {
   );
 };
 
-export default ModeSelectionPanel;
+export default ModeSelectors;

webdriver-ts-results/src/components/SelectionToolbar/ModeSelectors/ModeSelectionPanel.tsx renamed to webdriver-ts-results/src/components/SelectionToolbar/ModeSelectors/ModeSelectors.tsx

@@ -1,3 +1,3 @@
-import ModeSelectionPanel from "./ModeSelectionPanel";
+import ModeSelectors from "./ModeSelectors";
 
-export default ModeSelectionPanel;
+export default ModeSelectors;

webdriver-ts-results/src/components/SelectionToolbar/ModeSelectors/index.ts

@@ -1,6 +1,6 @@
 import BenchmarkSelector from "./BenchmarkSelector";
 import FrameworkSelector from "./FrameworkSelector";
-import ModeSelectionPanel from "./ModeSelectors";
+import ModeSelectors from "./ModeSelectors";
 import CopyPasteControls from "./CopyPasteControls";
 import "./SelectionToolbar.css";
 
@@ -19,7 +19,7 @@ const SelectionToolbar = ({ showDurationSelection }: Props) => {
       </div>
       <CopyPasteControls />
       <div className="select-toolbar__actions">
-        <ModeSelectionPanel showDurationSelection={showDurationSelection} />
+        <ModeSelectors showDurationSelection={showDurationSelection} />
       </div>
     </div>
   );