From 5ff790aa81b978b8ebc2a04068a831b7e68f2e5e Mon Sep 17 00:00:00 2001
From: olav <mail@olav.io>
Date: Fri, 3 Jun 2022 15:40:19 +0200
Subject: [PATCH] fix: make variant payload text box multiline (#1060)

* fix: make variant payload text box multiline

* refactor: adjust min/max rows

* refactor: use fixed number of rows to avoid MUI render loop bug
---
 .../FeatureVariantsList/AddFeatureVariant/AddFeatureVariant.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureVariantsList/AddFeatureVariant/AddFeatureVariant.tsx b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureVariantsList/AddFeatureVariant/AddFeatureVariant.tsx
index d4bed4ec1b..8c45b00137 100644
--- a/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureVariantsList/AddFeatureVariant/AddFeatureVariant.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureVariants/FeatureVariantsList/AddFeatureVariant/AddFeatureVariant.tsx
@@ -336,6 +336,8 @@ export const AddVariant = ({
                             name="variant-payload-value"
                             id="variant-payload-value"
                             label="Value"
+                            multiline={payload.type !== 'string'}
+                            rows={payload.type === 'string' ? 1 : 4}
                             className={themeStyles.fullWidth}
                             value={payload.value}
                             onChange={e => onPayload('value')(e.target.value)}