CEC-5421: remove delete functionality (#482)

src/components/Cars/List/index.jsx

@@ -75,7 +75,7 @@ const MainForm = () => {
               <AddCircleIcon fontSize="large" />
             </Link>
           </RoleWrap>
-          <BulkActions ids={selectedVins} actions={["addTags", "addToFleet", "deleteVehicles", "updateConfig"]} />
+          <BulkActions ids={selectedVins} actions={["addTags", "addToFleet", "updateConfig"]} />
         </Grid>
         <Grid item md={4} className={classes.textCenterAlign}>
           <SearchField classes={classes} onSearch={handleSearch} savedSearchValue={query} />

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

@@ -203,7 +203,6 @@ exports[`VehicleDetailsTab Render 1`] = `
               </div>
             </div>
             <div />
-            <div />
           </div>
         </div>
       </div>

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

@@ -1,10 +1,8 @@
 import { Box, Checkbox, FormControlLabel, 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";
 import { Link } from "react-router-dom";
 
 import { logger } from "../../../../services/monitoring";
@@ -16,16 +14,13 @@ import {
   VehicleProvider
 } 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, uploadConfig } = useVehicleContext();
-  const [redirect, setRedirect] = useState(null);
-  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const { vehicle, getVehicle, uploadConfig } = useVehicleContext();
   const [showUploadConfigModal, setShowUploadConfigModal] = useState(false);
   const [forced, setForced] = useState(false);
   const {
@@ -55,17 +50,6 @@ const MainForm = ({ vin }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [token]);
 
-  const onDelete = async () => {
-    try {
-      await deleteVehicle(vin, token);
-      setMessage(`Deleted ${vin}`);
-      setRedirect(`/vehicles`);
-    } catch (e) {
-      setMessage(e.message);
-      logger.warn(e.stack);
-    }
-  };
-
   const onUploadConfig = async () => {
     try {
       await uploadConfig(vin, forced, token);
@@ -99,10 +83,6 @@ const MainForm = ({ vin }) => {
     }
   }
 
-  if (redirect && redirect.length > 0) {
-    return <Redirect to={redirect} />;
-  }
-
   return (
     <div className={clsx(classes.paper, classes.tableSize)}>
       <Grid container className={classes.root} spacing={2}>
@@ -232,25 +212,8 @@ const MainForm = ({ vin }) => {
               </Link>
             </Tooltip>
           </RoleWrap>
-          <RoleWrap
-            groups={groups}
-            providers={providers}
-            rolesPerProvider={Permissions.FiskerDelete}
-          >
-            <Tooltip key={`delete-${vin}`} title={`Delete "${vin}"`}>
-              <Link to="#" onClick={() => setShowDeleteModal(true)}>
-                <DeleteIcon aria-label={`Delete "${vin}"`} fontSize="large" />
-              </Link>
-            </Tooltip>
-          </RoleWrap>
         </Grid>
       </Grid>
-      <DeleteConfirmation
-        message={vin}
-        open={showDeleteModal}
-        close={() => setShowDeleteModal(false)}
-        deleteFunction={onDelete}
-      />
       <GeneralConfirmation
         message={"push config update to:" + vin}
         open={showUploadConfigModal}

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

@@ -211,7 +211,6 @@ exports[`DetailsTab Render 1`] = `
                 </div>
               </div>
               <div />
-              <div />
             </div>
           </div>
         </div>

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

@@ -393,7 +393,6 @@ exports[`CarStatus Render 1`] = `
                     </div>
                   </div>
                   <div />
-                  <div />
                 </div>
               </div>
             </div>