From 91dd97202afb6deb2971b1cfdba31b8bc25e7f35 Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Tue, 12 Sep 2023 13:52:07 +0200
Subject: [PATCH] fix(shared): Take units into account for displaying sets.
 Fixes #4939

---
 sites/shared/components/account/sets.mjs | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/sites/shared/components/account/sets.mjs b/sites/shared/components/account/sets.mjs
index 10b298289a8..4be38241959 100644
--- a/sites/shared/components/account/sets.mjs
+++ b/sites/shared/components/account/sets.mjs
@@ -106,7 +106,11 @@ export const NewSet = () => {
 }
 
 export const MeasieVal = ({ val, m, imperial }) =>
-  isDegreeMeasurement(m) ? <span>{val}°</span> : <span>{formatMm(val, imperial)}</span>
+  isDegreeMeasurement(m) ? (
+    <span>{val}°</span>
+  ) : (
+    <span dangerouslySetInnerHTML={{ __html: formatMm(val, imperial) }}></span>
+  )
 
 export const MsetCard = ({
   set,
@@ -399,7 +403,7 @@ export const Mset = ({ id, publicOnly = false }) => {
             <h2>{t('measies')}</h2>
             {Object.entries(mset.measies).map(([m, val]) =>
               val > 0 ? (
-                <DisplayRow title={<MeasieVal m={m} val={val} />} key={m}>
+                <DisplayRow title={<MeasieVal {...{ m, val, imperial: mset.imperial }} />} key={m}>
                   <span className="font-medium">{t(m)}</span>
                 </DisplayRow>
               ) : null