From eee36cc858ae877f993e67a18ac698ab424e50c4 Mon Sep 17 00:00:00 2001
From: Paul Adamsen <117673433+pauladamseniii@users.noreply.github.com>
Date: Wed, 18 Jan 2023 15:21:08 -0500
Subject: [PATCH] CEC-3150 - Track Deployment User (#268)

---
 .../__snapshots__/CarUpdatesTab.test.jsx.snap | 23 ++++++++++++
 .../Contexts/__mocks__/CarUpdatesContext.jsx  |  3 ++
 .../Controls/CarUpdatesTable/index.jsx        | 37 +++++++++++--------
 3 files changed, 48 insertions(+), 15 deletions(-)

diff --git a/src/components/Cars/Status/__snapshots__/CarUpdatesTab.test.jsx.snap b/src/components/Cars/Status/__snapshots__/CarUpdatesTab.test.jsx.snap
index d3e7afe..62cdde9 100644
--- a/src/components/Cars/Status/__snapshots__/CarUpdatesTab.test.jsx.snap
+++ b/src/components/Cars/Status/__snapshots__/CarUpdatesTab.test.jsx.snap
@@ -80,6 +80,29 @@ exports[`CarUpdatesTab Render 1`] = `
                     </svg>
                   </span>
                 </th>
+                <th
+                  class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
+                  scope="col"
+                >
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root MuiTableSortLabel-root"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Username
+                    <svg
+                      aria-hidden="true"
+                      class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+                      />
+                    </svg>
+                  </span>
+                </th>
                 <th
                   class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                   scope="col"
diff --git a/src/components/Contexts/__mocks__/CarUpdatesContext.jsx b/src/components/Contexts/__mocks__/CarUpdatesContext.jsx
index 009a01f..1e32093 100644
--- a/src/components/Contexts/__mocks__/CarUpdatesContext.jsx
+++ b/src/components/Contexts/__mocks__/CarUpdatesContext.jsx
@@ -30,6 +30,7 @@ let carUpdateLog = {
     {
       id: 90,
       carupdate_id: 283,
+      username: "test username 1",
       status: "package_install_complete",
       error_code: 0,
       created: "2021-08-23T17:06:38.410115Z",
@@ -38,6 +39,7 @@ let carUpdateLog = {
     {
       id: 89,
       carupdate_id: 283,
+      username: "test username 2",
       status: "package_install_start",
       error_code: 0,
       info: "TEST",
@@ -47,6 +49,7 @@ let carUpdateLog = {
     {
       id: 88,
       carupdate_id: 284,
+      username: "test username 3",
       status: "install_approval_await",
       error_code: 0,
       info: "TEST",
diff --git a/src/components/Controls/CarUpdatesTable/index.jsx b/src/components/Controls/CarUpdatesTable/index.jsx
index f2f2842..81d89eb 100644
--- a/src/components/Controls/CarUpdatesTable/index.jsx
+++ b/src/components/Controls/CarUpdatesTable/index.jsx
@@ -35,6 +35,10 @@ const tableColumns = [
     id: "update_package_id",
     label: "Name",
   },
+  {
+    id: "username",
+    label: "Username",
+  },
   {
     id: "status",
     label: "Status",
@@ -168,6 +172,9 @@ const MainForm = ({ vin, token }) => {
                 {updateName(row)}
               </Link>
             </TableCell>
+            <TableCell align="center">
+              {row.username}
+            </TableCell>
             <TableCell align="center">
               {row.status}
               {row.progress > -1 && (
@@ -198,22 +205,22 @@ const MainForm = ({ vin, token }) => {
       </TableBody>
       <TableFooter>
         <TableRow>
-        {totalCarUpdates === 0 ? (
-          <td>No Car Updates found</td>
+          {totalCarUpdates === 0 ? (
+            <td>No Car Updates found</td>
           ) : (
-          <TablePagination
-            rowsPerPageOptions={[5, 10, 25, 100]}
-            colSpan={6}
-            count={totalCarUpdates}
-            rowsPerPage={pageSize}
-            page={pageIndex}
-            SelectProps={{
-              inputProps: { "aria-label": "rows per page" },
-              native: true,
-            }}
-            onPageChange={handleChangePageIndex}
-            onRowsPerPageChange={handleChangePageSize}
-          />)}
+            <TablePagination
+              rowsPerPageOptions={[5, 10, 25, 100]}
+              colSpan={6}
+              count={totalCarUpdates}
+              rowsPerPage={pageSize}
+              page={pageIndex}
+              SelectProps={{
+                inputProps: { "aria-label": "rows per page" },
+                native: true,
+              }}
+              onPageChange={handleChangePageIndex}
+              onRowsPerPageChange={handleChangePageSize}
+            />)}
         </TableRow>
       </TableFooter>
     </Table>