refactor: Convert PaginatedList component to functional style (#9030)

* refactor: Convert PaginatedList component to functional style

* tsc

---------

Co-authored-by: codegen-sh[bot] <131295404+codegen-sh[bot]@users.noreply.github.com>
Co-authored-by: Tom Moor <tom@getoutline.com>
This commit is contained in:
codegen-sh[bot]
2025-04-24 07:03:18 -04:00
committed by GitHub
parent 298298223b
commit b7c13f092b
17 changed files with 295 additions and 243 deletions
+4 -4
View File
@@ -52,18 +52,18 @@ function Webhooks() {
in near real-time.
</Trans>
</Text>
<PaginatedList
<PaginatedList<WebhookSubscription>
fetch={webhookSubscriptions.fetchPage}
items={webhookSubscriptions.enabled}
heading={<h2>{t("Active")}</h2>}
renderItem={(webhook: WebhookSubscription) => (
renderItem={(webhook) => (
<WebhookSubscriptionListItem key={webhook.id} webhook={webhook} />
)}
/>
<PaginatedList
<PaginatedList<WebhookSubscription>
items={webhookSubscriptions.disabled}
heading={<h2>{t("Inactive")}</h2>}
renderItem={(webhook: WebhookSubscription) => (
renderItem={(webhook) => (
<WebhookSubscriptionListItem key={webhook.id} webhook={webhook} />
)}
/>