CEC-4541: Force Config push (#355)

src/components/Cars/Status/Details/index.jsx

@@ -1,4 +1,4 @@
-import { Grid, Tooltip } from "@material-ui/core";
+import { Grid, Tooltip, Checkbox, FormControlLabel } from "@material-ui/core";
 import DeleteIcon from "@material-ui/icons/Delete";
 import EditIcon from "@material-ui/icons/Edit";
 import UploadIcon from '@mui/icons-material/Upload';
@@ -27,6 +27,7 @@ const MainForm = ({ vin }) => {
   const [redirect, setRedirect] = useState(null);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [showUploadConfigModal, setShowUploadConfigModal] = useState(false);
+  const [forced, setForced] = useState(false);
   const {
     token: {
       idToken: { jwtToken: token },
@@ -37,6 +38,10 @@ const MainForm = ({ vin }) => {
 
   const showDebugMask = (process.env.REACT_APP_ENABLE_DEBUGMASK === "1");
 
+  const onForcedChange = (event) => {
+    setForced(event.target.checked);
+  }
+
   useEffect(() => {
     (async () => {
       try {
@@ -63,7 +68,7 @@ const MainForm = ({ vin }) => {
 
   const onUploadConfig = async () => {
     try {
-      await uploadConfig(vin, token);
+      await uploadConfig(vin, forced, token);
       setMessage(`Config Uploaded ${vin}`);
     } catch (e) {
       setMessage(e.message);
@@ -159,6 +164,15 @@ const MainForm = ({ vin }) => {
             providers={providers}
             rolesPerProvider={Permissions.FiskerCreate}
           >
+            <FormControlLabel
+                  label="FORCE CONFIG PUSH"
+                  control={
+                    <Checkbox
+                      checked={forced}
+                      onChange={onForcedChange}
+                    />
+                  }
+                />
             <Tooltip key={`push-config-${vin}`} title={`Push Config "${vin}"`}>
               <Link to="#" onClick={() => setShowUploadConfigModal(true)}>
                 <UploadIcon aria-label={`Push Config "${vin}"`} />