Merge pull request #4624 from parasharrajat/code-block

fix: Inline code block styling
Expensify · Aug 16, 2021 · 69ee2fe · 69ee2fe
2 parents 4959c83 + 441ea5e
commit 69ee2fe
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/components/InlineCodeBlock/index.js b/src/components/InlineCodeBlock/index.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import {Text} from 'react-native';
 import inlineCodeBlockPropTypes from './inlineCodeBlockPropTypes';
 
 const InlineCodeBlock = ({
@@ -8,10 +9,15 @@ const InlineCodeBlock = ({
     textStyle,
 }) => (
     <TDefaultRenderer
-        style={{...boxModelStyle, ...textStyle}}
         // eslint-disable-next-line react/jsx-props-no-spreading
         {...defaultRendererProps}
-    />
+    >
+        <Text
+            style={{...boxModelStyle, ...textStyle}}
+        >
+            {defaultRendererProps.tnode.data}
+        </Text>
+    </TDefaultRenderer>
 );
 
 InlineCodeBlock.propTypes = inlineCodeBlockPropTypes;

diff --git a/src/styles/codeStyles/index.android.js b/src/styles/codeStyles/index.android.js
@@ -1,14 +1,14 @@
 const codeWordWrapper = {
-    height: 10,
+    height: 20,
 };
 
 const codeWordStyle = {
-    top: -1,
-    marginVertical: -2,
+    height: 18,
+    top: 4,
 };
 
 const codeTextStyle = {
-    lineHeight: 18,
+    lineHeight: 15,
 };
 
 export default {codeWordWrapper, codeWordStyle, codeTextStyle};