From 8cd2980d824b3918d2b626e6b81855a1e17c5f47 Mon Sep 17 00:00:00 2001
From: nebojsajsimic <6024893+nebojsajsimic@users.noreply.github.com>
Date: Wed, 29 Jan 2025 14:17:34 +0100
Subject: [PATCH] QuickFix Proposal rendering

---
 pdf-ui/CHANGELOG.md                           |  4 ++
 pdf-ui/package-lock.json                      |  2 +-
 pdf-ui/package.json                           |  2 +-
 .../SingleGovernanceAction/index.jsx          | 55 ++++---------------
 4 files changed, 16 insertions(+), 47 deletions(-)

diff --git a/pdf-ui/CHANGELOG.md b/pdf-ui/CHANGELOG.md
index bf53a04..e50d447 100644
--- a/pdf-ui/CHANGELOG.md
+++ b/pdf-ui/CHANGELOG.md
@@ -8,6 +8,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 As a minor extension, we also keep a semantic version for the `UNRELEASED`
 changes.
 
+## [v0.5.10](https://www.npmjs.com/package/@intersect.mbo/pdf-ui/v/0.5.11) 2025-01-29
+### Fixed 
+- Proposal rendering fix
+
 ## [v0.5.10](https://www.npmjs.com/package/@intersect.mbo/pdf-ui/v/0.5.10) 2025-01-29
 ### Fixed 
 - Some typo fixes.
diff --git a/pdf-ui/package-lock.json b/pdf-ui/package-lock.json
index e0a47cd..6b4f290 100644
--- a/pdf-ui/package-lock.json
+++ b/pdf-ui/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "@intersect.mbo/pdf-ui",
-    "version": "0.5.10",
+    "version": "0.5.11",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
diff --git a/pdf-ui/package.json b/pdf-ui/package.json
index 8fdb218..d306a8e 100644
--- a/pdf-ui/package.json
+++ b/pdf-ui/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@intersect.mbo/pdf-ui",
-    "version": "0.5.10",
+    "version": "0.5.11",
     "description": "Proposal discussion ui",
     "main": "./src/index.js",
     "exports": {
diff --git a/pdf-ui/src/pages/ProposedGovernanceActions/SingleGovernanceAction/index.jsx b/pdf-ui/src/pages/ProposedGovernanceActions/SingleGovernanceAction/index.jsx
index c4ac046..1432d7a 100644
--- a/pdf-ui/src/pages/ProposedGovernanceActions/SingleGovernanceAction/index.jsx
+++ b/pdf-ui/src/pages/ProposedGovernanceActions/SingleGovernanceAction/index.jsx
@@ -1049,8 +1049,6 @@ const SingleGovernanceAction = ({ id }) => {
                                     </Typography>
                                     <ReactMarkdown>
                                         {showFullText || !maxLength ? AbstractMarkdownText : truncatedText}
-                                    
-
                                     </ReactMarkdown>
                                     {!showFullText && maxLength && totalCharLength > maxLength && (
                                         <Button
@@ -1071,7 +1069,7 @@ const SingleGovernanceAction = ({ id }) => {
                                         </Button>)}
                                 </Box>
                                 {showFullText && (
-                                <>
+                               
                                     <Box mt={4}>
                                         <Typography
                                             variant='caption'
@@ -1079,30 +1077,14 @@ const SingleGovernanceAction = ({ id }) => {
                                                 color: (theme) => theme?.palette?.text?.grey,
                                             }}
                                         >
-                                            Motivation
+                                        Motivation
                                         </Typography>
-                                        <ReactMarkdown
-                                            components={{
-                                                p(props) {
-                                                    const { children } = props;
-                                                    return (
-                                                        <Typography
-                                                            variant='body2'
-                                                            data-testid='motivation-content'
-                                                            style={{
-                                                                wordWrap: 'break-word',
-                                                            }}
-                                                        >
-                                                            {children}
-                                                        </Typography>
-                                                    );
-                                                },
-                                            }}
-                                        >
+                                        <ReactMarkdown>
                                             {proposal?.attributes?.content
                                                 ?.attributes?.prop_motivation || ''}
                                         </ReactMarkdown>
-                                    </Box>
+                                    </Box>)}
+                                    {showFullText && (
                                     <Box mt={4}>
                                         <Typography
                                             variant='caption'
@@ -1110,30 +1092,14 @@ const SingleGovernanceAction = ({ id }) => {
                                                 color: (theme) => theme?.palette?.text?.grey,
                                             }}
                                         >
-                                            Rationale
+                                        Rationale
                                         </Typography>
-                                        <ReactMarkdown
-                                            components={{
-                                                p(props) {
-                                                    const { children } = props;
-                                                    return (
-                                                        <Typography
-                                                            variant='body2'
-                                                            data-testid='rationale-content'
-                                                            style={{
-                                                                wordWrap: 'break-word',
-                                                            }}
-                                                        >
-                                                            {children}
-                                                        </Typography>
-                                                    );
-                                                },
-                                            }}
-                                        >
+                                        <ReactMarkdown>
                                             {proposal?.attributes?.content
                                                 ?.attributes?.prop_rationale || ''}
                                         </ReactMarkdown>
-                                    </Box>
+                                    </Box>)}
+                                    {showFullText && (
                                     <Button
                                             variant="text"
                                             onClick={() => setShowFullText(!showFullText)}
@@ -1149,8 +1115,7 @@ const SingleGovernanceAction = ({ id }) => {
                                             }}
                                         >
                                             {showFullText ? 'Show less' : 'Read more'}
-                                    </Button>
-                                </>
+                                    </Button>                                
                                 )}
                                 {proposal?.attributes?.content?.attributes
                                     ?.proposal_links?.length > 0 && (