CEC-3119 No fleet deploy for Magna (#239)

src/components/Manifest/Deploy/index.jsx

@@ -1,32 +1,34 @@
-import React, {useEffect, useState} from "react";
-import {Redirect, useParams} from "react-router";
 import { Button, FormControlLabel, Grid, Switch, Typography } from "@material-ui/core";
 import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+import { Redirect, useParams } from "react-router";
 
-import {ManifestsProvider, useManifestsContext,} from "../../Contexts/ManifestsContext";
-import {CarUpdatesProvider, useCarUpdatesContext,} from "../../Contexts/CarUpdatesContext";
-import {VehicleProvider} from "../../Contexts/VehicleContext";
-import {useUserContext} from "../../Contexts/UserContext";
-import {useStatusContext} from "../../Contexts/StatusContext";
-import useStyles from "../../useStyles";
-import SearchField from "../../Controls/SearchField";
-import CarSelectionTable from "../../Controls/CarSelectionTable";
 import { logger } from "../../../services/monitoring";
 import { LocalDateTimeString } from "../../../utils/dates";
-import FleetSelectionTable from "../../Controls/FleetSelectionTable";
+import { Permissions } from "../../../utils/roles";
+import { CarUpdatesProvider, useCarUpdatesContext } from "../../Contexts/CarUpdatesContext";
 import { FleetProvider } from "../../Contexts/FleetContext";
-
+import { ManifestsProvider, useManifestsContext } from "../../Contexts/ManifestsContext";
+import { useStatusContext } from "../../Contexts/StatusContext";
+import { useUserContext } from "../../Contexts/UserContext";
+import { VehicleProvider } from "../../Contexts/VehicleContext";
+import CarSelectionTable from "../../Controls/CarSelectionTable";
+import FleetSelectionTable from "../../Controls/FleetSelectionTable";
+import { RoleWrap } from "../../Controls/RoleWrap";
+import SearchField from "../../Controls/SearchField";
+import useStyles from "../../useStyles";
 
 const CAR_UPDATE = false;
 const FLEET_UPDATE = true;
 
 const MainForm = () => {
   const [updateType, setUpdateType] = useState(CAR_UPDATE);
-
   const {manifest_id} = useParams();
   const {getManifests, manifests, busy} = useManifestsContext();
   const {deployCarUpdates, deployFleetUpdates} = useCarUpdatesContext();
   const {
+    groups,
+    providers,
     token: {
       idToken: {jwtToken: token},
     },
@@ -145,12 +147,17 @@ const MainForm = () => {
             >{`${selected.length} Selected`}</div>
           </Grid>
           <Grid item md={2} className={classes.textCenterAlign}>
+            <RoleWrap
+              groups={groups}
+              providers={providers}
+              rolesPerProvider={Permissions.FiskerRead}
+            >
               <FormControlLabel control={<Switch
                 checked={updateType === CAR_UPDATE}
                 onChange={handleChange}
                 inputProps={{'aria-label': 'controlled'}}
               />} label="Car(default) or Fleet"/>
-
+            </RoleWrap>
           </Grid>
           <Grid item md={4} className={classes.textCenterAlign}>
             <SearchField classes={classes} onSearch={handleSearch}/>