CEC-3150 - Track Deployment User (#268)

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>