From 3ebc8e56861285e6326d1f861d0a11d1cba9fca1 Mon Sep 17 00:00:00 2001
From: paanSinghCoder <gaurav3017@gmail.com>
Date: Wed, 20 May 2026 15:31:59 +0530
Subject: [PATCH] fix(admin): improve webhook form fields

- Swap raw <textarea> in CustomField for apsara TextArea (picks up
  design-system styling and rows=3 baseline) and lock horizontal
  resize with style={{ resize: "vertical" }}.
- Switch the webhook URL field from variant="textarea" to
  variant="input" in both create and update drawers.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/sdk/admin/components/CustomField.tsx               | 6 +++---
 web/sdk/admin/views/webhooks/webhooks/create/index.tsx | 2 +-
 web/sdk/admin/views/webhooks/webhooks/update/index.tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/sdk/admin/components/CustomField.tsx b/web/sdk/admin/components/CustomField.tsx
index 97352dcfa..c3477d8c0 100644
--- a/web/sdk/admin/components/CustomField.tsx
+++ b/web/sdk/admin/components/CustomField.tsx
@@ -5,7 +5,7 @@ import {
   FormLabel,
   FormMessage,
 } from "@radix-ui/react-form";
-import { Flex, Select, Switch, Text, Input } from "@raystack/apsara-v1";
+import { Flex, Select, Switch, Text, TextArea, Input } from "@raystack/apsara-v1";
 import React, { CSSProperties } from "react";
 
 import { Control, Controller, UseFormRegister } from "react-hook-form";
@@ -77,14 +77,14 @@ export const CustomFieldName = ({
                 switch (variant) {
                   case "textarea": {
                     return (
-                      <textarea
+                      <TextArea
                         {...field}
                         defaultValue={props?.defaultValue}
                         placeholder={
                           placeholder ||
                           `Enter your ${title?.toLowerCase() || name}`
                         }
-                        style={style}
+                        style={{ ...style, resize: "vertical" }}
                       />
                     );
                   }
diff --git a/web/sdk/admin/views/webhooks/webhooks/create/index.tsx b/web/sdk/admin/views/webhooks/webhooks/create/index.tsx
index 3127492dd..da55b35eb 100644
--- a/web/sdk/admin/views/webhooks/webhooks/create/index.tsx
+++ b/web/sdk/admin/views/webhooks/webhooks/create/index.tsx
@@ -97,7 +97,7 @@ export default function CreateWebhooks({ open = false, onClose: onCloseProp }: C
                 name="url"
                 register={methods.register}
                 control={methods.control}
-                variant="textarea"
+                variant="input"
                 style={{ width: "100%" }}
               />
               <CustomFieldName
diff --git a/web/sdk/admin/views/webhooks/webhooks/update/index.tsx b/web/sdk/admin/views/webhooks/webhooks/update/index.tsx
index 0fa6d16f1..97b49a749 100644
--- a/web/sdk/admin/views/webhooks/webhooks/update/index.tsx
+++ b/web/sdk/admin/views/webhooks/webhooks/update/index.tsx
@@ -130,7 +130,7 @@ export default function UpdateWebhooks({ open = false, webhookId: webhookIdProp,
                 defaultValue={webhook?.url}
                 register={methods.register}
                 control={methods.control}
-                variant="textarea"
+                variant="input"
                 style={{ width: "100%" }}
                 isLoading={isWebhookLoading}
               />