From 5851b0abe5d6b02847fc3db4996d965255c3eb0d Mon Sep 17 00:00:00 2001
From: soup <soup@r4tio.dev>
Date: Sun, 26 Mar 2023 23:12:22 +0200
Subject: [PATCH] feat(filters): use TextArea for webhook data field (#785)

switch to TextArea for webhook data input field
---
 web/src/screens/filters/action.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/screens/filters/action.tsx b/web/src/screens/filters/action.tsx
index cc5c862..fc0d46f 100644
--- a/web/src/screens/filters/action.tsx
+++ b/web/src/screens/filters/action.tsx
@@ -15,6 +15,7 @@ import { CollapsableSection } from "./details";
 import { CustomTooltip } from "../../components/tooltips/CustomTooltip";
 import { Link } from "react-router-dom";
 import { useFormikContext } from "formik";
+import { TextArea } from "../../components/inputs/input";
 
 interface FilterActionsProps {
   filter: Filter;
@@ -183,10 +184,11 @@ const TypeForm = ({ action, idx, clients }: TypeFormProps) => {
           columns={6}
           placeholder="Host eg. http://localhost/webhook"
         />
-        <TextField
+        <TextArea
           name={`actions.${idx}.webhook_data`}
           label="Data (json)"
           columns={6}
+          rows={5}
           placeholder={"Request data: { \"key\": \"value\" }"}
         />
       </div>