Remove unused code and update device filters

AppQuality · Feb 15, 2024 · 2676376 · 2676376
1 parent eeb8064
commit 2676376
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 4 deletions.
diff --git a/...aigns/selection/SelectionTable/columns.ts → ...igns/selection/SelectionTable/columns.tsx b/...aigns/selection/SelectionTable/columns.ts → ...igns/selection/SelectionTable/columns.tsx
@@ -1,4 +1,26 @@
-import { TableType } from "@appquality/appquality-design-system";
+import { Checkbox, TableType } from "@appquality/appquality-design-system";
+import { useState } from "react";
+import { useAppDispatch } from "src/store";
+import {
+  selectAll,
+  deselectAll,
+} from "src/pages/campaigns/selection/selectionSlice";
+
+const SelectAllCheckbox = () => {
+  const dispatch = useAppDispatch();
+  const [isChecked, setIsChecked] = useState(false);
+  const onChange = () => {
+    if (isChecked) {
+      setIsChecked(false);
+      dispatch(deselectAll());
+    } else {
+      setIsChecked(true);
+      dispatch(selectAll());
+    }
+  };
+
+  return <Checkbox label="All" checked={isChecked} onChange={onChange} />;
+};
 
 export const columns: TableType.Column[] = [
   {
@@ -49,6 +71,7 @@ export const columns: TableType.Column[] = [
   {
     dataIndex: "actions",
     key: "actions",
-    title: "",
+    title: <SelectAllCheckbox />,
+    maxWidth: "50px",
   },
 ];
diff --git a/src/pages/campaigns/selection/editPanel/newSelectionFilters/index.tsx b/src/pages/campaigns/selection/editPanel/newSelectionFilters/index.tsx
@@ -121,8 +121,6 @@ const NewSelectionFilters = ({
         <strong>Device</strong>
         <Checkbox label="Android" value="Android" onChange={handleOsChange} />
         <Checkbox label="iOS" value="iOS" onChange={handleOsChange} />
-        <Checkbox label="Windows" value="sticazz" disabled />
-        <Checkbox label="MacOS" value="sticazz" disabled />
       </div>
       <div className="aq-mb-3">
         <strong>

diff --git a/src/pages/campaigns/selection/index.tsx b/src/pages/campaigns/selection/index.tsx
@@ -35,6 +35,9 @@ const SelectionPage = () => {
           <PageTitle size="regular">Tester selection panel</PageTitle>
           <BSGrid className="aq-my-4">
             <BSCol size="col-lg-3">
+              <Card className="aq-mb-3" title="Columns">
+                <ColumnsConfigurator id={id} />
+              </Card>
               <Card className="aq-mb-3" title="Filters">
                 <NewSelectionFilters
                   mail={mail}

diff --git a/src/pages/campaigns/selection/selectionSlice.ts b/src/pages/campaigns/selection/selectionSlice.ts
@@ -63,6 +63,16 @@ const selectionSlice = createSlice({
     deselectDevice(state, action: PayloadAction<{ userId: string }>) {
       delete state.selectedDevices[action.payload.userId];
     },
+    selectAll(state) {
+      alert(
+        "seleziono il primo device di ciascun tryber in questa pagina (se la tabella è paginata)"
+      );
+    },
+    deselectAll(state) {
+      alert(
+        "rimuovo dalla selezione tutti i device di questa pagina (se la tabella è paginata)"
+      );
+    },
     clearSelectedDevice(state) {
       state.selectedDevices = {};
     },
@@ -85,6 +95,8 @@ export const {
   checkUserDevice,
   changeTablePage,
   deselectDevice,
+  selectAll,
+  deselectAll,
   clearSelectedDevice,
   openConfirmModal,
   closeConfirmModal,