Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 08:13:56 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: fixed UI for webhooks team

Browse Source
This commit is contained in:
Catalin Pit
2024-02-28 09:18:05 +02:00
parent 8bd1647a2d
commit c8869b3088
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/app/(dashboard)/settings/webhooks/page.tsx
View File

@ -58,7 +58,10 @@ export default function WebhookPage() {
<div className="truncate font-mono text-xs">{webhook.id}</div> <div className="truncate font-mono text-xs">{webhook.id}</div>
<div className="mt-1.5 flex items-center gap-4"> <div className="mt-1.5 flex items-center gap-4">
<h5 className="max-w-[30rem] truncate text-sm sm:max-w-[18rem]"> <h5
className="max-w-[30rem] truncate text-sm sm:max-w-[18rem]"
title={webhook.webhookUrl}
>
{webhook.webhookUrl} {webhook.webhookUrl}
</h5> </h5>

11
apps/web/src/app/(teams)/t/[teamUrl]/settings/webhooks/page.tsx
View File

@ -58,12 +58,17 @@ export default function WebhookPage() {
!webhook.enabled && 'bg-muted/40', !webhook.enabled && 'bg-muted/40',
)} )}
> >
<div className="flex items-center justify-between gap-x-4"> <div className="flex flex-col gap-x-4 sm:flex-row sm:items-center sm:justify-between">
<div> <div>
<div className="truncate font-mono text-xs">{webhook.id}</div> <div className="truncate font-mono text-xs">{webhook.id}</div>
<div className="mt-1.5 flex items-center gap-2"> <div className="mt-1.5 flex items-center gap-2">
<h5 className="text-sm">{webhook.webhookUrl}</h5> <h5
className="max-w-[30rem] truncate text-sm sm:max-w-[18rem]"
title={webhook.webhookUrl}
>
{webhook.webhookUrl}
</h5>
<Badge variant={webhook.enabled ? 'neutral' : 'warning'} size="small"> <Badge variant={webhook.enabled ? 'neutral' : 'warning'} size="small">
{webhook.enabled ? 'Enabled' : 'Disabled'} {webhook.enabled ? 'Enabled' : 'Disabled'}
@ -83,7 +88,7 @@ export default function WebhookPage() {
</p> </p>
</div> </div>
<div className="flex flex-shrink-0 gap-4"> <div className="mt-4 flex flex-shrink-0 gap-4 sm:mt-0">
<Button asChild variant="outline"> <Button asChild variant="outline">
<Link href={`/t/${team.url}/settings/webhooks/${webhook.id}`}>Edit</Link> <Link href={`/t/${team.url}/settings/webhooks/${webhook.id}`}>Edit</Link>
</Button> </Button>