From 8cc9ea17b5c58083be50638bf0b95c117e9e5f02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Sworze=C5=84?= <b.sworzen@gmail.com>
Date: Thu, 22 Feb 2024 15:12:45 +0100
Subject: [PATCH] fix GA details

---
 .../organisms/GovernanceActionDetailsCard.tsx | 22 ++++++++-----------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/govtool/frontend/src/components/organisms/GovernanceActionDetailsCard.tsx b/govtool/frontend/src/components/organisms/GovernanceActionDetailsCard.tsx
index af7861853..4dba451c0 100644
--- a/govtool/frontend/src/components/organisms/GovernanceActionDetailsCard.tsx
+++ b/govtool/frontend/src/components/organisms/GovernanceActionDetailsCard.tsx
@@ -1,7 +1,7 @@
 import { Box } from "@mui/material";
 import { Button, Typography } from "../atoms";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
-import { GovActionDetails, VoteActionForm, VotesSubmitted } from "../molecules";
+import { VoteActionForm, VotesSubmitted } from "../molecules";
 import { useModal } from "@context";
 import { useScreenDimension, useTranslation } from "@hooks";
 import { ICONS } from "@consts";
@@ -164,22 +164,18 @@ export const GovernanceActionDetailsCard = ({
             <Typography color="neutralGray" variant="caption">
               {t("govActions.details")}
             </Typography>
-            {typeof details === "object" && details !== null ? (
-              Object.entries(details).map(([key, value]) => {
-                return (
-                  <div key={key}>
-                    {<GovActionDetails title={key} value={value} />}
-                  </div>
-                );
-              })
-            ) : (
+            <Box>
               <Typography
-                sx={{ textOverflow: "ellipsis", overflow: "hidden" }}
                 variant="caption"
+                sx={{
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "pre-line",
+                }}
               >
-                {details}
+                {JSON.stringify(details, null, 1)}
               </Typography>
-            )}
+            </Box>
           </Box>
         </Box>
         <Button