Add organization to audit log rows

code-asher · code-asher · commit abcdd01ccc1e · 2024-07-24T10:49:56.000-08:00
diff --git a/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx b/site/src/pages/AuditPage/AuditLogRow/AuditLogRow.tsx
@@ -1,7 +1,9 @@
 import type { CSSObject, Interpolation, Theme } from "@emotion/react";
 import Collapse from "@mui/material/Collapse";
+import Link from "@mui/material/Link";
 import TableCell from "@mui/material/TableCell";
 import { type FC, useState } from "react";
+import { Link as RouterLink } from "react-router-dom";
 import userAgentParser from "ua-parser-js";
 import type { AuditLog } from "api/typesGenerated";
 import { DropdownArrow } from "components/DropdownArrow/DropdownArrow";
@@ -132,6 +134,20 @@ export const AuditLogRow: FC<AuditLogRowProps> = ({
                         </strong>
                       </span>
                     )}
+                    {auditLog.organization && (
+                      <span css={styles.auditLogInfo}>
+                        <>Org: </>
+                        <Link
+                          component={RouterLink}
+                          to={`/organizations/${auditLog.organization.name}`}
+                        >
+                          <strong>
+                            {auditLog.organization.display_name ||
+                              auditLog.organization.name}
+                          </strong>
+                        </Link>
+                      </span>
+                    )}
                   </Stack>
 
                   <Pill
