admin/ota-admin-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CEC-5752 - Define trim as well as model for Flashpack mappings

Browse Source
This commit is contained in:
padamsen_fisker
2024-02-13 18:11:00 -05:00
parent 00adee9b58
commit 27d7a5ad05
8 changed files with 118 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Flashpack/index.jsx
View File

@@ -32,6 +32,10 @@ const tableColumns = [
id: "car_model",
label: "Model",
},
{
id: "car_trim",
label: "Trim",
},
{
id: "car_year",
label: "Year",
@@ -117,10 +121,10 @@ const MainForm = () => {
const sendDelete = async () => {
if (rowToDelete) {
try {
const result = await deleteFlashpackVersion(rowToDelete.car_model, rowToDelete.car_year, rowToDelete.flashpack, token);
const result = await deleteFlashpackVersion(rowToDelete.car_model, rowToDelete.car_trim, rowToDelete.car_year, rowToDelete.flashpack, token);
if (!result || result.error) return;
setMessage(`Deleted ${rowToDelete.car_year} ${rowToDelete.car_model} ${rowToDelete.flashpack}`);
setMessage(`Deleted ${rowToDelete.car_year} ${rowToDelete.car_model} ${rowToDelete.car_trim} ${rowToDelete.flashpack}`);
loadFlashpacks();
} catch (e) {
setMessage(e.message);
@@ -150,13 +154,16 @@ const MainForm = () => {
{flashpacks && flashpacks.map((row, index) => (
<TableRow key={row.flashpack + row.car_model}>
<TableCell align="center">
<Link to={`/tools/flashpack/${row.car_model}/${row.car_year}/${row.flashpack}`}>
<Link to={`/tools/flashpack/${row.car_model}/${row.car_trim}/${row.car_year}/${row.flashpack}`}>
{row.flashpack}
</Link>
</TableCell>
<TableCell align="center">
{row.car_model}
</TableCell>
<TableCell align="center">
{row.car_trim}
</TableCell>
<TableCell align="center">
{row.car_year}
</TableCell>
@@ -168,11 +175,11 @@ const MainForm = () => {
>
<IconButton
onClick={() => onDeleteClick(row)}
aria-label={`Send delete for ${row.car_year} ${row.car_model} ${row.flashpack}`}
aria-label={`Send delete for ${row.car_year} ${row.car_model} ${row.car_trim} ${row.flashpack}`}
size="small"
color="primary"
>
<DeleteIcon aria-label={`Delete ${row.car_year} ${row.car_model} ${row.flashpack}`} />
<DeleteIcon aria-label={`Delete ${row.car_year} ${row.car_model} ${row.car_trim} ${row.flashpack}`} />
</IconButton>
</RoleWrap>
</TableCell>
@@ -186,7 +193,7 @@ const MainForm = () => {
) : (
<TablePagination
rowsPerPageOptions={[5, 10, 25, 100]}
colSpan={4}
colSpan={5}
count={totalFlashpacks}
rowsPerPage={pageSize}
page={pageIndex}
@@ -201,7 +208,7 @@ const MainForm = () => {
</TableFooter>
</Table>
<DeleteConfirmation
message={rowToDelete && rowToDelete.car_year + " " + rowToDelete.car_model + " " + rowToDelete.flashpack}
message={rowToDelete && rowToDelete.car_year + " " + rowToDelete.car_model + " " + rowToDelete.car_trim + " " + rowToDelete.flashpack}
open={showDeleteModal}
close={() => setShowDeleteModal(false)}
deleteFunction={sendDelete}