added reg date and email confirmed columns/data to security roles - 1…

…458 (#1536)
hackforla · Nov 27, 2023 · 7a01656 · 7a01656
1 parent 1332966
commit 7a01656
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/client/src/components/Roles.js b/client/src/components/Roles.js
@@ -7,7 +7,7 @@ import UserContext from "../contexts/UserContext";
 import Popup from "reactjs-popup";
 import "reactjs-popup/dist/index.css";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faEllipsisV } from "@fortawesome/free-solid-svg-icons";
+import { faCheck, faEllipsisV } from "@fortawesome/free-solid-svg-icons";
 import RolesContextMenu from "./ArchiveDelete/RolesContextMenu";
 
 const useStyles = createUseStyles({
@@ -228,6 +228,12 @@ const Roles = () => {
             <td className={`${classes.tdCenter} ${classes.tdheadLabel}`}>
               Security Admin
             </td>
+            <td className={`${classes.tdCenter} ${classes.tdheadLabel}`}>
+              Email Confirmed
+            </td>
+            <td className={`${classes.td} ${classes.tdheadLabel}`}>
+              Registration Date
+            </td>
             <td className={`${classes.tdCenter} ${classes.tdheadLabel}`}>
               Options
             </td>
@@ -241,9 +247,9 @@ const Roles = () => {
                 className={hoveredRow === account.id ? classes.hoveredRow : ""}
               >
                 <td className={classes.td}>{account.email}</td>
-                <td
-                  className={classes.td}
-                >{`${account.lastName}, ${account.firstName}`}</td>
+                <td className={classes.td}>
+                  {`${account.lastName}, ${account.firstName}`}
+                </td>
                 <td className={classes.tdCenter}>
                   <input
                     type="checkbox"
@@ -262,6 +268,20 @@ const Roles = () => {
                     name="isSecurityAdmin"
                   />
                 </td>
+                <td className={classes.tdCenter}>
+                  {account.emailConfirmed ? (
+                    <FontAwesomeIcon icon={faCheck} alt="Email confirmed" />
+                  ) : (
+                    ""
+                  )}
+                </td>
+                <td className={classes.td}>
+                  {new Date(account.dateCreated).toLocaleDateString("en-US", {
+                    month: "numeric",
+                    day: "numeric",
+                    year: "numeric"
+                  })}
+                </td>
                 <td className={classes.tdCenter}>
                   <Popup
                     trigger={