diff --git a/dashboard/src/constants.ts b/dashboard/src/constants.ts index 6028ca2..d9c8f3e 100644 --- a/dashboard/src/constants.ts +++ b/dashboard/src/constants.ts @@ -179,6 +179,7 @@ export const envSubViews = { export enum WebhookInputDataFields { ID = 'id', + EVENT_DESCRIPTION = 'event_description', EVENT_NAME = 'event_name', ENDPOINT = 'endpoint', ENABLED = 'enabled', diff --git a/dashboard/src/graphql/queries/index.ts b/dashboard/src/graphql/queries/index.ts index 3003333..8c01d6e 100644 --- a/dashboard/src/graphql/queries/index.ts +++ b/dashboard/src/graphql/queries/index.ts @@ -118,6 +118,8 @@ export const WebhooksDataQuery = ` _webhooks(params: $params){ webhooks{ id + event + event_description event_name endpoint enabled diff --git a/dashboard/src/pages/Webhooks.tsx b/dashboard/src/pages/Webhooks.tsx index 07a5235..215151b 100644 --- a/dashboard/src/pages/Webhooks.tsx +++ b/dashboard/src/pages/Webhooks.tsx @@ -56,6 +56,7 @@ interface paginationPropTypes { interface webhookDataTypes { [WebhookInputDataFields.ID]: string; [WebhookInputDataFields.EVENT_NAME]: string; + [WebhookInputDataFields.EVENT_DESCRIPTION]: string; [WebhookInputDataFields.ENDPOINT]: string; [WebhookInputDataFields.ENABLED]: boolean; [WebhookInputDataFields.HEADERS]?: Record; @@ -134,6 +135,7 @@ const Webhooks = () => { Event Name + Event Description Endpoint Enabled Headers @@ -147,7 +149,10 @@ const Webhooks = () => { style={{ fontSize: 14 }} > - {webhook[WebhookInputDataFields.EVENT_NAME]} + {webhook[WebhookInputDataFields.EVENT_NAME].split('-')[0]} + + + {webhook[WebhookInputDataFields.EVENT_DESCRIPTION]} {webhook[WebhookInputDataFields.ENDPOINT]} @@ -264,7 +269,7 @@ const Webhooks = () => { - Go to page:{' '} + Go to page:{' '}