CEC-6051 - Fix UI for bulk actions

src/components/Fleets/Status/Vehicles/Table/index.jsx

@@ -70,6 +70,7 @@ const MainForm = ({ name }) => {
   const [order, setOrder] = useState("desc");
   const [search, setSearch] = useState("");
   const [selected, setSelected] = useState([]);
+  const [selectAll, setSelectAll] = useState(false);
   const [fleetVINs, setFleetVINs] = useState([]);
   const componentMounted = useRef(true);
   const classes = useStyles();
@@ -155,7 +156,8 @@ const MainForm = ({ name }) => {
   };
 
   const handleSelectAll = () => {
-    setSelected(fleetVINs);
+    setSelectAll(!selectAll);
+    setSelected(!selectAll ? fleetVINs : []);
   };
 
   const handleSelect = (vin, setState) => {

src/components/Table/HeaderSortable/index.jsx

@@ -106,6 +106,7 @@ HeaderSortable.propTypes = {
   selectCount: PropTypes.number,
   totalRows: PropTypes.number,
   onSelectAll: PropTypes.func,
+  selectAllForAllPages: PropTypes.bool,
 };
 
 export default HeaderSortable;