Add extra fields

packages/builder/src/pages/builder/app/[application]/settings/oauth2/AddButton.svelte

@@ -9,6 +9,7 @@
     Modal,
     ModalContent,
   } from "@budibase/bbui"
+  import { type CreateOAuth2ConfigRequest } from "@budibase/types"
   import { onMount } from "svelte"
 
   let modal: Modal
@@ -17,7 +18,9 @@
     modal.show()
   }
 
-  function saveOAuth2Config() {
+  let config: Partial<CreateOAuth2ConfigRequest> = {}
+
+  $: saveOAuth2Config = async () => {
     // TODO
   }
 
@@ -35,6 +38,21 @@
       machine) grant type.
     </Body>
     <Divider noGrid noMargin />
-    <Input label="Name*" placeholder="Type here..." />
-  </ModalContent></Modal
->
+    <Input label="Name*" placeholder="Type here..." bind:value={config.name} />
+    <Input
+      label="Service URL*"
+      placeholder="E.g. www.google.com"
+      bind:value={config.url}
+    />
+    <Input
+      label="Client ID*"
+      placeholder="Type here..."
+      bind:value={config.clientId}
+    />
+    <Input
+      label="Client secret*"
+      placeholder="Type here..."
+      bind:value={config.clientSecret}
+    />
+  </ModalContent>
+</Modal>