Style

Signed-off-by: Bryan Frimin <bryan@getprobo.com>

apps/console/src/pages/iam/organizations/settings/AuditLogSettingsPage.tsx

@@ -5,23 +5,23 @@ import {
   Button,
   IconChevronDown,
   Spinner,
+  Table,
   Tbody,
   Td,
   Th,
   Thead,
-  Table,
   Tr,
 } from "@probo/ui";
 import {
-  type PreloadedQuery,
   graphql,
+  type PreloadedQuery,
   useFragment,
   usePaginationFragment,
   usePreloadedQuery,
 } from "react-relay";
 
-import type { AuditLogSettingsPageQuery } from "#/__generated__/iam/AuditLogSettingsPageQuery.graphql";
 import type { AuditLogSettingsPageFragment$key } from "#/__generated__/iam/AuditLogSettingsPageFragment.graphql";
+import type { AuditLogSettingsPageQuery } from "#/__generated__/iam/AuditLogSettingsPageQuery.graphql";
 import type { AuditLogSettingsPageRefetchQuery } from "#/__generated__/iam/AuditLogSettingsPageRefetchQuery.graphql";
 import type { AuditLogSettingsPageRowFragment$key } from "#/__generated__/iam/AuditLogSettingsPageRowFragment.graphql";
 
@@ -93,10 +93,10 @@ function ActionBadge({ action }: { action: string }) {
   const verb = parts[parts.length - 1];
 
   if (
-    verb === "create" ||
+    verb === "create"
-    verb === "upload" ||
+    || verb === "upload"
-    verb === "import" ||
+    || verb === "import"
-    verb === "publish"
+    || verb === "publish"
   ) {
     return <Badge variant="success" size="sm">{action}</Badge>;
   }
@@ -104,10 +104,10 @@ function ActionBadge({ action }: { action: string }) {
     return <Badge variant="danger" size="sm">{action}</Badge>;
   }
   if (
-    verb === "update" ||
+    verb === "update"
-    verb === "assign" ||
+    || verb === "assign"
-    verb === "unassign" ||
+    || verb === "unassign"
-    verb === "unarchive"
+    || verb === "unarchive"
   ) {
     return <Badge variant="warning" size="sm">{action}</Badge>;
   }
@@ -169,13 +169,13 @@ export function AuditLogSettingsPage(props: {
     throw new Error("Relay node is not an organization");
   }
 
-  const { data, loadNext, hasNext, isLoadingNext } =
+  const { data, loadNext, hasNext, isLoadingNext }
-    usePaginationFragment<
+    = usePaginationFragment<
       AuditLogSettingsPageRefetchQuery,
       AuditLogSettingsPageFragment$key
     >(auditLogSettingsPageFragment, organization);
 
-  const entries = data?.auditLogEntries?.edges?.map((e) => e.node) ?? [];
+  const entries = data?.auditLogEntries?.edges?.map(e => e.node) ?? [];
   const totalCount = data?.auditLogEntries?.totalCount ?? 0;
 
   return (
@@ -189,13 +189,15 @@ export function AuditLogSettingsPage(props: {
         </p>
       </div>
 
-      {entries.length === 0 ? (
+      {entries.length === 0
+        ? (
             <div className="text-center py-8">
               <p className="text-sm text-txt-tertiary">
                 {__("No audit log entries yet.")}
               </p>
             </div>
-      ) : (
+          )
+        : (
             <div className="space-y-4">
               <p className="text-sm text-txt-tertiary">
                 {`${__("Showing")} ${entries.length} ${__("of")} ${totalCount} ${__("entries")}`}
@@ -210,7 +212,7 @@ export function AuditLogSettingsPage(props: {
                   </Tr>
                 </Thead>
                 <Tbody>
-              {entries.map((entry) => (
+                  {entries.map(entry => (
                     <AuditLogEntryRow key={entry.id} entryKey={entry} />
                   ))}
                 </Tbody>