From 296e0df6f3dcaa1901abdbe8eb214a17cf1320e0 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Tue, 20 Feb 2024 23:05:06 +0700
Subject: [PATCH] description fix

---
 .../src/v2/view/pages/weight/WeightPage.tsx   | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx b/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx
index 332f777b80..11e051d2c3 100644
--- a/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx
@@ -78,7 +78,7 @@ export default function WeightPage({
     fetchError,
     isLoading,
     title,
-    remove
+    remove,
   } = useWeightFetch({
     onRemove: () => {
       history.push(source || "");
@@ -196,12 +196,17 @@ export default function WeightPage({
         return (
           <div className="d-flex flex-column gap-3">
             <SdCoverImagePanel src={sdCoverImage} />
-            {!!weight.description_rendered_html && (
+            {weight && weight.description_rendered_html ? (
               <Panel padding={true}>
                 <h5 className="fw-semibold mb-2">Description</h5>
-                <p className="fs-7">{weight.description_rendered_html}</p>
+                <p
+                  className="fs-7"
+                  dangerouslySetInnerHTML={{
+                    __html: weight.description_rendered_html || "",
+                  }}
+                />
               </Panel>
-            )}
+            ) : null}
             {imageGenPanel}
           </div>
         );
@@ -493,13 +498,19 @@ export default function WeightPage({
 
         <div className="row g-4">
           <div className="col-12 col-xl-8 d-flex flex-column gap-3">
-            { !!weight.description_rendered_html && (
+            {weight &&
+            weight.description_rendered_html &&
+            weight.weight_category !== WeightCategory.SD ? (
               <Panel padding={true}>
-                <h4 className="fw-semibold mb-3">Description</h4>
-                <p>{weight.description_rendered_html}</p>
+                <h5 className="fw-semibold mb-2">Description</h5>
+                <p
+                  className="fs-7"
+                  dangerouslySetInnerHTML={{
+                    __html: weight.description_rendered_html || "",
+                  }}
+                />
               </Panel>
-              )
-            }
+            ) : null}
             <div className="media-wrapper">{renderWeightComponent(weight)}</div>
 
             <div className="panel p-3 py-4 p-md-4 d-none d-xl-block">