update API for auth_method -> access_method

Author: david-crespo

OMICRON_VERSION

@@ -1 +1 @@
-8bb4c1163ec57f2915fc0aa40b7dc96821079a64
+c01fca045fab73236923f209e9cf0694efdec086

app/api/__generated__/Api.ts

@@ -84,8 +84,15 @@ export function useDateTimeRangePicker({
     items,
   }
 
-  const [startTime] = useDebounce(range.start.toDate(tz), 400)
-  const [endTime] = useDebounce(range.end.toDate(tz), 400)
+  // Without these useMemos, we get re-renders every 400ms because when the
+  // debounce timeout expires, it updates the value, which triggers a render for
+  // itself because the time gets remade by toDate() (i.e., even though it is
+  // the same time, it is a new object)
+  const rangeStart = useMemo(() => range.start.toDate(tz), [range.start])
+  const [startTime] = useDebounce(rangeStart, 400)
+
+  const rangeEnd = useMemo(() => range.end.toDate(tz), [range.end])
+  const [endTime] = useDebounce(rangeEnd, 400)
 
   return {
     startTime,

app/api/__generated__/OMICRON_VERSION

@@ -316,9 +316,11 @@ export default function SiloAuditLogsPage() {
                   )}
                 </div>
                 <div>
-                  <Badge color="neutral">
-                    {log.accessMethod?.split('_').join(' ') || 'Unknown'}
-                  </Badge>
+                  {log.authMethod ? (
+                    <Badge color="neutral">{log.authMethod.split('_').join(' ')}</Badge>
+                  ) : (
+                    <EmptyCell />
+                  )}
                 </div>
                 <div className="text-secondary">
                   {siloId ? (
@@ -396,7 +398,7 @@ export default function SiloAuditLogsPage() {
         <HeaderCell>Status</HeaderCell>
         <HeaderCell>Operation</HeaderCell>
         <HeaderCell>Actor ID</HeaderCell>
-        <HeaderCell>Access Method</HeaderCell>
+        <HeaderCell>Auth Method</HeaderCell>
         <HeaderCell>Silo ID</HeaderCell>
         <HeaderCell>Duration</HeaderCell>
       </div>

app/api/__generated__/validate.ts

@@ -59,7 +59,7 @@ const mockOperations = [
   'ssh_key_delete',
 ]
 
-const mockAccessMethod = ['session_cookie', 'api_token', null]
+const mockAuthMethod = ['session_cookie', 'api_token', null]
 
 const mockHttpStatusCodes = [200, 201, 204, 400, 401, 403, 404, 409, 500, 502, 503]
 
@@ -87,7 +87,7 @@ function generateAuditLogEntry(index: number): Json<AuditLogEntry> {
 
   return {
     id: uuid(),
-    access_method: mockAccessMethod[index % mockAccessMethod.length],
+    auth_method: mockAuthMethod[index % mockAuthMethod.length],
     actor: {
       kind: 'silo_user',
       silo_id: defaultSilo.id,
@@ -114,7 +114,7 @@ export const auditLog: Json<AuditLogEntry[]> = [
   // Recent successful operations
   {
     id: uuid(),
-    access_method: 'session_cookie',
+    auth_method: 'session_cookie',
     actor: {
       kind: 'silo_user',
       silo_id: defaultSilo.id,
@@ -130,7 +130,7 @@ export const auditLog: Json<AuditLogEntry[]> = [
   },
   {
     id: uuid(),
-    access_method: 'api_token',
+    auth_method: 'api_token',
     actor: {
       kind: 'silo_user',
       silo_id: defaultSilo.id,
@@ -148,7 +148,7 @@ export const auditLog: Json<AuditLogEntry[]> = [
   // Failed operations
   {
     id: uuid(),
-    access_method: 'session_cookie',
+    auth_method: 'session_cookie',
     actor: {
       kind: 'silo_user',
       silo_id: mockSiloIds[1],
@@ -170,7 +170,7 @@ export const auditLog: Json<AuditLogEntry[]> = [
   },
   {
     id: uuid(),
-    access_method: null,
+    auth_method: null,
     actor: { kind: 'unauthenticated' },
     result: {
       kind: 'error',
@@ -188,7 +188,7 @@ export const auditLog: Json<AuditLogEntry[]> = [
   // More historical entries
   {
     id: uuid(),
-    access_method: 'session_cookie',
+    auth_method: 'session_cookie',
     actor: {
       kind: 'silo_user',
       silo_id: mockSiloIds[0],