lumen wrap background fix (keybase#23443)

* fix lumen background wrapping issue * WIP
turlodales · Apr 3, 2020 · be001a9 · be001a9
1 parent bfd6380
commit be001a9
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 56 deletions.
diff --git a/shared/chat/payments/status/index.tsx b/shared/chat/payments/status/index.tsx
@@ -84,17 +84,22 @@ class PaymentStatus extends React.Component<Props, State> {
         ref={this.statusRef}
         type="BodyExtrabold"
         allowFontScaling={!!this.props.allowFontScaling}
-        style={styles[this.props.status]}
         onClick={this._showPopup}
       >
         {' '}
-        {this.props.text}{' '}
-        <Kb.Icon
-          type={getIcon(this.props.status)}
-          fontSize={12}
-          boxStyle={styles.iconBoxStyle}
-          color={statusColor(this.props.status)}
-        />{' '}
+        <Kb.Text
+          type="BodyExtrabold"
+          allowFontScaling={!!this.props.allowFontScaling}
+          style={styles[this.props.status]}
+        >
+          {this.props.text}{' '}
+          <Kb.Icon
+            type={getIcon(this.props.status)}
+            fontSize={12}
+            boxStyle={styles.iconBoxStyle}
+            color={statusColor(this.props.status)}
+          />
+        </Kb.Text>{' '}
       </Kb.Text>
     )
     const popups = this.props.isSendError ? (

diff --git a/shared/stories/__tests__/__snapshots__/Storyshots.test.js.snap b/shared/stories/__tests__/__snapshots__/Storyshots.test.js.snap