From d90beb3dda6dbd58ad571f200bbe78d669fe4acf Mon Sep 17 00:00:00 2001
From: Hongbo Wu <hongbo@omnivore.app>
Date: Thu, 2 Jun 2022 18:45:21 +0800
Subject: [PATCH] Set default addWebhook formInputProps

---
 packages/web/pages/settings/webhooks.tsx | 52 ++++++++++++------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/packages/web/pages/settings/webhooks.tsx b/packages/web/pages/settings/webhooks.tsx
index bf499e5df..0e634347c 100644
--- a/packages/web/pages/settings/webhooks.tsx
+++ b/packages/web/pages/settings/webhooks.tsx
@@ -30,33 +30,33 @@ export default function Webhooks(): JSX.Element {
   const [addModelOpen, setAddModelOpen] = useState(false)
   const [onEditWebhook, setOnEditWebhook] = useState<Webhook | null>(null)
   const [url, setUrl] = useState('')
-  const [eventTypes, setEventTypes] = useState<WebhookEvent[]>([
-    'PAGE_CREATED',
-    'HIGHLIGHT_CREATED',
-  ])
+  const [eventTypes, setEventTypes] = useState<WebhookEvent[]>([])
   const [enabled, setEnabled] = useState(false)
-  const [formInputs, setFormInputs] = useState<FormInputProps[]>([
-    {
-      label: 'URL',
-      onChange: setUrl,
-      name: 'url',
-      placeholder: 'https://example.com/webhook',
-      required: true,
-    },
-    {
-      label: 'Event Types',
-      name: 'eventTypes',
-      disabled: true,
-      value: eventTypes.join(', '),
-    },
-    {
-      label: 'Enabled',
-      name: 'enabled',
-      type: 'checkbox',
-      onChange: setEnabled,
-    },
-  ])
-  const { webhook } = useGetWebhookQuery(onEditId)
+  const [formInputs, setFormInputs] = useState<FormInputProps[]>([])
+
+  useEffect(() => {
+    setFormInputs([
+      {
+        label: 'URL',
+        onChange: setUrl,
+        name: 'url',
+        placeholder: 'https://example.com/webhook',
+        required: true,
+      },
+      {
+        label: 'Event Types',
+        name: 'eventTypes',
+        value: 'PAGE_CREATED, HIGHLIGHT_CREATED',
+        onChange: setEventTypes,
+      },
+      {
+        label: 'Enabled',
+        name: 'enabled',
+        type: 'checkbox',
+        onChange: setEnabled,
+      },
+    ])
+  }, [addModelOpen])
 
   useEffect(() => {
     if (webhook) {