🔥 Translations video workspace (#4679)

* Fix error in video workspace * Handle extra case
Joystream · Aug 17, 2023 · 36d6bcc · 36d6bcc
1 parent 7ceba13
commit 36d6bcc
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/atlas/src/components/NumberFormat/NumberFormat.tsx b/packages/atlas/src/components/NumberFormat/NumberFormat.tsx
@@ -92,7 +92,7 @@ export const NumberFormat = forwardRef<HTMLHeadingElement, NumberFormatProps>(
             variant={variant}
             ref={denominationRef}
           >
-            ({formattedDenominatedValue !== '<$0.01' ? '$' : ''}
+            ({formattedDenominatedValue !== '<$0.01' ? <span>$</span> : null}
             {formattedDenominatedValue}){' '}
           </Text>
         )}
@@ -103,7 +103,7 @@ export const NumberFormat = forwardRef<HTMLHeadingElement, NumberFormatProps>(
           withToken={withToken}
           ref={mergeRefs([ref, textRef])}
         >
-          {displayedValue || formattedValue}
+          {displayedValue ? <span>{displayedValue}</span> : <span>{formattedValue}</span>}
         </StyledText>
         {withDenomination === 'after' && (
           <Text
@@ -114,7 +114,7 @@ export const NumberFormat = forwardRef<HTMLHeadingElement, NumberFormatProps>(
             ref={denominationRef}
           >
             {' '}
-            ({formattedDenominatedValue !== '<$0.01' ? '$' : ''}
+            ({formattedDenominatedValue !== '<$0.01' ? <span>$</span> : null}
             {formattedDenominatedValue}){' '}
           </Text>
         )}
@@ -142,7 +142,7 @@ export const NumberFormat = forwardRef<HTMLHeadingElement, NumberFormatProps>(
                 variant="t100"
                 ref={denominationRef}
               >
-                {formattedDenominatedValue !== '<$0.01' ? '$' : ''}
+                {formattedDenominatedValue !== '<$0.01' ? <span>$</span> : null}
                 {formattedDenominatedValue}
               </Denomination>
             )}