From 59a8c934d65ebba1d0e13109d228644e71b299de Mon Sep 17 00:00:00 2001
From: John Wu <76966357+jwu-fisker@users.noreply.github.com>
Date: Fri, 12 Aug 2022 17:05:43 -0700
Subject: [PATCH] CEC-2237 Track sign in and keys (#188)

---
 .../List/__snapshots__/index.test.jsx.snap    | 64 +++++++++++++++++++
 src/components/Suppliers/Table/index.jsx      | 18 +++++-
 2 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/src/components/Suppliers/List/__snapshots__/index.test.jsx.snap b/src/components/Suppliers/List/__snapshots__/index.test.jsx.snap
index 5b0c8cd..054ef55 100644
--- a/src/components/Suppliers/List/__snapshots__/index.test.jsx.snap
+++ b/src/components/Suppliers/List/__snapshots__/index.test.jsx.snap
@@ -190,6 +190,52 @@ exports[`Suppliers page 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"
+                  >
+                    Sign In
+                    <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"
+                >
+                  <span
+                    aria-disabled="false"
+                    class="MuiButtonBase-root MuiTableSortLabel-root"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Keys
+                    <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>
               </tr>
             </thead>
             <tbody
@@ -239,6 +285,12 @@ exports[`Suppliers page Render 1`] = `
                 <td
                   class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                 />
+                <td
+                  class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
+                />
+                <td
+                  class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
+                />
               </tr>
               <tr
                 class="MuiTableRow-root"
@@ -284,6 +336,12 @@ exports[`Suppliers page Render 1`] = `
                 <td
                   class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                 />
+                <td
+                  class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
+                />
+                <td
+                  class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
+                />
               </tr>
               <tr
                 class="MuiTableRow-root"
@@ -329,6 +387,12 @@ exports[`Suppliers page Render 1`] = `
                 <td
                   class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                 />
+                <td
+                  class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
+                />
+                <td
+                  class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
+                />
               </tr>
             </tbody>
             <tfoot
diff --git a/src/components/Suppliers/Table/index.jsx b/src/components/Suppliers/Table/index.jsx
index 4be3ef8..a356f7c 100644
--- a/src/components/Suppliers/Table/index.jsx
+++ b/src/components/Suppliers/Table/index.jsx
@@ -16,7 +16,7 @@ import { useStatusContext } from "../../Contexts/StatusContext";
 import { LocalDateTimeString } from "../../../utils/dates";
 import TableHeaderSortable from "../../Table/HeaderSortable";
 import { logger } from "../../../services/monitoring";
-import {useLocalStorage} from "../../useLocalStorage";
+import { useLocalStorage } from "../../useLocalStorage";
 
 const tableColumns = [
   {
@@ -47,9 +47,17 @@ const tableColumns = [
     id: "activated_at",
     label: "Activated",
   },
+  {
+    id: "signin_at",
+    label: "Sign In",
+  },
+  {
+    id: "keys_at",
+    label: "Keys",
+  },
 ];
 
-const PAGE_SIZE="SUPPLIER_TABLE_PAGE_SIZE";
+const PAGE_SIZE = "SUPPLIER_TABLE_PAGE_SIZE";
 
 const SupplierTable = (props) => {
   const { token, classes } = props;
@@ -137,6 +145,12 @@ const SupplierTable = (props) => {
                 <TableCell align="center">
                   {LocalDateTimeString(row.activated)}
                 </TableCell>
+                <TableCell align="center">
+                  {LocalDateTimeString(row.signin_at)}
+                </TableCell>
+                <TableCell align="center">
+                  {LocalDateTimeString(row.keys_at)}
+                </TableCell>
               </TableRow>
             );
           })}