refactor(foxy-webhook-form): add support for optional resource info i…

…n logs and statuses
Foxy · Oct 29, 2024 · 6b82569 · 6b82569
1 parent f513e50
commit 6b82569
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/elements/public/WebhookForm/WebhookForm.test.ts b/src/elements/public/WebhookForm/WebhookForm.test.ts
@@ -209,6 +209,11 @@ describe('WebhookForm', () => {
       'first',
       'https://demo.api/hapi/webhook_statuses?webhook_id=0&order=date_created+desc'
     );
+
+    expect(control).to.have.deep.property('itemProps', {});
+    element.resourceUri = 'https://demo.api/hapi/transactions/0';
+    await element.requestUpdate();
+    expect(control).to.have.deep.property('itemProps', { layout: 'resource' });
   });
 
   it('includes only resource-specific statuses when resource uri is set', async () => {
@@ -248,6 +253,11 @@ describe('WebhookForm', () => {
       'first',
       'https://demo.api/hapi/webhook_logs?webhook_id=0&order=date_created+desc'
     );
+
+    expect(control).to.have.deep.property('itemProps', {});
+    element.resourceUri = 'https://demo.api/hapi/transactions/0';
+    await element.requestUpdate();
+    expect(control).to.have.deep.property('itemProps', { layout: 'resource' });
   });
 
   it('includes only resource-specific logs when resource uri is set', async () => {

diff --git a/src/elements/public/WebhookForm/WebhookForm.ts b/src/elements/public/WebhookForm/WebhookForm.ts
@@ -134,6 +134,7 @@ export class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form')
         limit="10"
         item="foxy-webhook-status-card"
         .getPageHref=${this.getStatusPageHref}
+        .itemProps=${this.resourceUri ? { layout: 'resource' } : {}}
       >
       </foxy-internal-async-list-control>
 
@@ -143,6 +144,7 @@ export class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form')
         limit="10"
         item="foxy-webhook-log-card"
         .getPageHref=${this.getLogPageHref}
+        .itemProps=${this.resourceUri ? { layout: 'resource' } : {}}
       >
       </foxy-internal-async-list-control>