From e34462d45aca8fac2b0257896a4f5c544dc60fba Mon Sep 17 00:00:00 2001
From: Kaosiso Ezealigo <ezealigokosiso@gmail.com>
Date: Sat, 9 Nov 2024 14:27:45 +0100
Subject: [PATCH] fix(frontend): stringified variant parameter values

---
 .../components/pages/overview/variants/VariantDrawer.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/agenta-web/src/components/pages/overview/variants/VariantDrawer.tsx b/agenta-web/src/components/pages/overview/variants/VariantDrawer.tsx
index 87fc78fb80..86da7c8ceb 100644
--- a/agenta-web/src/components/pages/overview/variants/VariantDrawer.tsx
+++ b/agenta-web/src/components/pages/overview/variants/VariantDrawer.tsx
@@ -1,6 +1,10 @@
 import ResultTag from "@/components/ResultTag/ResultTag"
 import {useAppId} from "@/hooks/useAppId"
-import {filterVariantParameters, formatVariantIdWithHash} from "@/lib/helpers/utils"
+import {
+    filterVariantParameters,
+    formatVariantIdWithHash,
+    getStringOrJson,
+} from "@/lib/helpers/utils"
 import {variantNameWithRev} from "@/lib/helpers/variantHelper"
 import {Environment, JSSTheme, Variant} from "@/lib/Types"
 import {CloseOutlined, MoreOutlined} from "@ant-design/icons"
@@ -153,7 +157,6 @@ const VariantDrawer = ({
                                 label: "Configuration",
                                 children: (
                                     <div>
-                                        {" "}
                                         {selectedVariant.parameters &&
                                         Object.keys(selectedVariant.parameters).length ? (
                                             <div className="flex flex-col gap-6">
@@ -173,7 +176,7 @@ const VariantDrawer = ({
                                                                 <ResultTag
                                                                     key={index}
                                                                     value1={key}
-                                                                    value2={value}
+                                                                    value2={getStringOrJson(value)}
                                                                 />
                                                             ))}
                                                     </div>