Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

fix(console): hide some log headers for webhook event (#3971)

Browse source 
* fix(console): hide some log headers for webhook event

hide some log headers for webhook event

* fix(console): address typo

address typo
This commit is contained in:
simeng-li 2023-06-05 17:27:45 +08:00 committed by GitHub
parent 12ae2622b1
commit 5599667576
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 45 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
packages/console/src/pages/AuditLogDetails/index.tsx
View file

@ -16,6 +16,7 @@ import PageMeta from '@/components/PageMeta';
import TabNav, { TabNavItem } from '@/components/TabNav';
import UserName from '@/components/UserName';
import { logEventTitle } from '@/consts/logs';
import { hookEventLogKey } from '@/consts/webhooks';
import type { RequestError } from '@/hooks/use-api';
import { getUserTitle } from '@/utils/user';
@ -28,6 +29,9 @@ const getAuditLogDetailsRelatedResourceLink = (pathname: string) =>
const getDetailsTabNavLink = (logId: string, userId?: string) =>
userId ? `/users/${userId}/logs/${logId}` : `/audit-logs/${logId}`;
const isWebhookEventLog = (key?: string) =>
key && Object.values<string>(hookEventLogKey).includes(key);
function AuditLogDetails() {
const { userId, hookId, logId } = useParams();
const { pathname } = useLocation();
@ -59,6 +63,8 @@ function AuditLogDetails() {
return null;
}
const isWebHookEvent = isWebhookEventLog(data?.key);
return (
<DetailsPage
backLink={backLink}
@ -79,29 +85,37 @@ function AuditLogDetails() {
<div className={styles.label}>{t('log_details.event_key')}</div>
<div>{data.key}</div>
</div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.application')}</div>
<div>
{data.payload.applicationId ? (
<ApplicationName
isLink={data.payload.applicationId !== demoAppApplicationId}
applicationId={data.payload.applicationId}
/>
) : (
'-'
)}
</div>
</div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.ip_address')}</div>
<div>{data.payload.ip ?? '-'}</div>
</div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.user')}</div>
<div>
{data.payload.userId ? <UserName isLink userId={data.payload.userId} /> : '-'}
</div>
</div>
{!isWebHookEvent && (
<>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.application')}</div>
<div>
{data.payload.applicationId ? (
<ApplicationName
isLink={data.payload.applicationId !== demoAppApplicationId}
applicationId={data.payload.applicationId}
/>
) : (
'-'
)}
</div>
</div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.ip_address')}</div>
<div>{data.payload.ip ?? '-'}</div>
</div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.user')}</div>
<div>
{data.payload.userId ? (
<UserName isLink userId={data.payload.userId} />
) : (
'-'
)}
</div>
</div>
</>
)}
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.log_id')}</div>
<div>{data.id}</div>
@ -111,12 +125,14 @@ function AuditLogDetails() {
<div>{new Date(data.createdAt).toLocaleString()}</div>
</div>
</div>
<div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.user_agent')}</div>
<div>{data.payload.userAgent}</div>
{!isWebHookEvent && (
<div>
<div className={styles.infoItem}>
<div className={styles.label}>{t('log_details.user_agent')}</div>
<div>{data.payload.userAgent}</div>
</div>
</div>
</div>
)}
</div>
</Card>
<TabNav>

2
packages/schemas/src/types/log/hook.ts
View file

@ -2,7 +2,7 @@ import type { HookEvent } from '../../foundations/index.js';
/** The type of a hook event. */
export enum Type {
ExchangeTokenBy = 'TriggerHook',
TriggerHook = 'TriggerHook',
}
export type LogKey = `${Type}.${HookEvent}`;