CEC-4100: Added push config changes to vin (#338)

src/components/Cars/Status/Details/__snapshots__/index.test.jsx.snap

@@ -168,9 +168,28 @@ exports[`VehicleDetailsTab Render 1`] = `
                     />
                   </svg>
                 </a>
+                <a
+                  class=""
+                  href="/"
+                  title="Push Config \\"TESTVIN1234567890\\""
+                >
+                  <svg
+                    aria-hidden="true"
+                    aria-label="Push Config \\"TESTVIN1234567890\\""
+                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                    data-testid="UploadIcon"
+                    focusable="false"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      d="M5 20h14v-2H5v2zm0-10h4v6h6v-6h4l-7-7-7 7z"
+                    />
+                  </svg>
+                </a>
               </div>
             </div>
             <div />
+            <div />
           </div>
         </div>
       </div>

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

@@ -1,6 +1,7 @@
 import { Grid, Tooltip } 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';
 import clsx from "clsx";
 import React, { useEffect, useState } from "react";
 import { Redirect } from "react-router";
@@ -16,14 +17,16 @@ import {
 } from "../../../Contexts/VehicleContext";
 import { RoleWrap } from "../../../Controls/RoleWrap";
 import DeleteConfirmation from "../../../DeleteConfirmation";
+import GeneralConfirmation from "../../../GeneralConfirmation";
 import useStyles from "../../../useStyles";
 
 const MainForm = ({ vin }) => {
   const classes = useStyles();
   const { setMessage } = useStatusContext();
-  const { vehicle, getVehicle, deleteVehicle } = useVehicleContext();
+  const { vehicle, getVehicle, deleteVehicle, uploadConfig } = useVehicleContext();
   const [redirect, setRedirect] = useState(null);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const [showUploadConfigModal, setShowUploadConfigModal] = useState(false);
   const {
     token: {
       idToken: { jwtToken: token },
@@ -59,6 +62,16 @@ const MainForm = ({ vin }) => {
     }
   };
 
+  const onUploadConfig = async () => {
+    try {
+      await uploadConfig(vin, token);
+      setMessage(`Config Uploaded ${vin}`);
+    } catch (e) {
+      setMessage(e.message);
+      logger.warn(e.stack);
+    }
+  }
+
   if (redirect && redirect.length > 0) {
     return <Redirect to={redirect} />;
   }
@@ -142,6 +155,18 @@ const MainForm = ({ vin }) => {
               </Link>
             </Tooltip>
           </RoleWrap>
+          <RoleWrap
+            groups={groups}
+            providers={providers}
+            rolesPerProvider={Permissions.FiskerCreate}
+          >
+            <Tooltip key={`push-config-${vin}`} title={`Push Config "${vin}"`}>
+              <Link to="#" onClick={() => setShowUploadConfigModal(true)}>
+                <UploadIcon aria-label={`Push Config "${vin}"`} />
+              </Link>
+            </Tooltip>
+          </RoleWrap>
+
           <RoleWrap
             groups={groups}
             providers={providers}
@@ -161,6 +186,13 @@ const MainForm = ({ vin }) => {
         close={() => setShowDeleteModal(false)}
         deleteFunction={onDelete}
       />
+      <GeneralConfirmation
+        message={"push config update to:" + vin}
+        open={showUploadConfigModal}
+        close={() => setShowUploadConfigModal(false)}
+        actionFunction={onUploadConfig}
+        title="Send Update"
+      />
     </div>
   );
 };

src/components/Cars/Status/__snapshots__/DetailsTab.test.jsx.snap

@@ -176,9 +176,28 @@ exports[`DetailsTab Render 1`] = `
                       />
                     </svg>
                   </a>
+                  <a
+                    class=""
+                    href="/testroute/TESTVIN1234567890"
+                    title="Push Config \\"TESTVIN1234567890\\""
+                  >
+                    <svg
+                      aria-hidden="true"
+                      aria-label="Push Config \\"TESTVIN1234567890\\""
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                      data-testid="UploadIcon"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M5 20h14v-2H5v2zm0-10h4v6h6v-6h4l-7-7-7 7z"
+                      />
+                    </svg>
+                  </a>
                 </div>
               </div>
               <div />
+              <div />
             </div>
           </div>
         </div>

src/components/Cars/Status/__snapshots__/index.test.jsx.snap

@@ -357,9 +357,28 @@ exports[`CarStatus Render 1`] = `
                           />
                         </svg>
                       </a>
+                      <a
+                        class=""
+                        href="/"
+                        title="Push Config \\"TESTVIN1234567890\\""
+                      >
+                        <svg
+                          aria-hidden="true"
+                          aria-label="Push Config \\"TESTVIN1234567890\\""
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+                          data-testid="UploadIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M5 20h14v-2H5v2zm0-10h4v6h6v-6h4l-7-7-7 7z"
+                          />
+                        </svg>
+                      </a>
                     </div>
                   </div>
                   <div />
+                  <div />
                 </div>
               </div>
             </div>