fix: audit log fixes

frontend/src/views/Project/AuditLogsPage/AuditLogsPage.tsx

@@ -12,7 +12,7 @@ export const AuditLogsPage = withProjectPermission(
             <p className="text-3xl font-semibold text-gray-200">Audit Logs</p>
             <div />
           </div>
-          <LogsSection />
+          <LogsSection showFilters />
         </div>
       </div>
     );

frontend/src/views/Project/AuditLogsPage/components/LogsSection.tsx

@@ -68,6 +68,7 @@ export const LogsSection = ({
         isOrgAuditLogs={isOrgAuditLogs}
         eventType={eventType}
         userAgentType={userAgentType}
+        showActorColumn={!presetActor}
         actor={actor}
         startDate={startDate}
         endDate={endDate}

frontend/src/views/Project/AuditLogsPage/components/LogsTable.tsx

@@ -26,6 +26,7 @@ type Props = {
   startDate?: Date;
   endDate?: Date;
   isOrgAuditLogs?: boolean;
+  showActorColumn: boolean;
 };
 
 const AUDIT_LOG_LIMIT = 15;
@@ -33,6 +34,7 @@ const AUDIT_LOG_LIMIT = 15;
 export const LogsTable = ({
   eventType,
   userAgentType,
+  showActorColumn,
   actor,
   startDate,
   endDate,
@@ -63,7 +65,7 @@ export const LogsTable = ({
               <Th>Timestamp</Th>
               <Th>Event</Th>
               {isOrgAuditLogs && <Th>Project</Th>}
-              <Th>Actor</Th>
+              {showActorColumn && <Th>Actor</Th>}
               <Th>Source</Th>
               <Th>Metadata</Th>
             </Tr>
@@ -74,6 +76,7 @@ export const LogsTable = ({
                 <Fragment key={`auditlog-item-${i + 1}`}>
                   {group.map((auditLog) => (
                     <LogsTableRow
+                      showActorColumn={showActorColumn}
                       isOrgAuditLogs={isOrgAuditLogs}
                       auditLog={auditLog}
                       key={`audit-log-${auditLog.id}`}

frontend/src/views/Project/AuditLogsPage/components/LogsTableRow.tsx

@@ -6,9 +6,10 @@ import { Actor, AuditLog, Event } from "@app/hooks/api/auditLogs/types";
 type Props = {
   auditLog: AuditLog;
   isOrgAuditLogs?: boolean;
+  showActorColumn: boolean;
 };
 
-export const LogsTableRow = ({ auditLog, isOrgAuditLogs }: Props) => {
+export const LogsTableRow = ({ auditLog, isOrgAuditLogs, showActorColumn }: Props) => {
   const renderActor = (actor: Actor) => {
     switch (actor.type) {
       case ActorType.USER:
@@ -471,7 +472,7 @@ export const LogsTableRow = ({ auditLog, isOrgAuditLogs }: Props) => {
       <Td>{formatDate(auditLog.createdAt)}</Td>
       <Td>{`${eventToNameMap[auditLog.event.type]}`}</Td>
       {isOrgAuditLogs && <Td>{auditLog.project.name}</Td>}
-      {renderActor(auditLog.actor)}
+      {showActorColumn && renderActor(auditLog.actor)}
       <Td>
         <p>{userAgentTTypeoNameMap[auditLog.userAgentType]}</p>
         <p>{auditLog.ipAddress}</p>