From 9888ab8a6c51ec7f31504f3d6cf5c823c785e758 Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Thu, 17 Nov 2022 11:45:37 -0800
Subject: [PATCH] CEC-3119 No fleet deploy for Magna (#239)

---
 src/components/Manifest/Deploy/index.jsx | 49 ++++++++++++++----------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/src/components/Manifest/Deploy/index.jsx b/src/components/Manifest/Deploy/index.jsx
index eeb825b..729a3dd 100644
--- a/src/components/Manifest/Deploy/index.jsx
+++ b/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 { 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 { logger } from "../../../services/monitoring";
+import { LocalDateTimeString } from "../../../utils/dates";
+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 {logger} from "../../../services/monitoring";
-import {LocalDateTimeString} from "../../../utils/dates";
 import FleetSelectionTable from "../../Controls/FleetSelectionTable";
-import {FleetProvider} from "../../Contexts/FleetContext";
-
+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}>
-            <FormControlLabel control={<Switch
-              checked={updateType === CAR_UPDATE}
-              onChange={handleChange}
-              inputProps={{'aria-label': 'controlled'}}
-            />} label="Car(default) or Fleet"/>
-
+            <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}/>