Use simple styles for code blocks in Native platforms

src/components/InlineCodeBlock/index.native.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 import type {TDefaultRendererProps} from 'react-native-render-html';
-import useThemeStyles from '@hooks/useThemeStyles';
+import Text from '@components/Text';
 import type InlineCodeBlockProps from './types';
 import type {TTextOrTPhrasing} from './types';
-import WrappedText from './WrappedText';
 
 /**
  * Retrieves the text content from a Text or Phrasing node.
@@ -21,20 +20,14 @@ function getCurrentData(defaultRendererProps: TDefaultRendererProps<TTextOrTPhra
 }
 
 function InlineCodeBlock<TComponent extends TTextOrTPhrasing>({TDefaultRenderer, defaultRendererProps, textStyle, boxModelStyle}: InlineCodeBlockProps<TComponent>) {
-    const styles = useThemeStyles();
     const data = getCurrentData(defaultRendererProps);
 
     return (
         <TDefaultRenderer
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...defaultRendererProps}
         >
-            <WrappedText
-                textStyles={textStyle}
-                wordStyles={[boxModelStyle, styles.codeWordStyle]}
-            >
-                {data}
-            </WrappedText>
+            <Text style={[boxModelStyle, textStyle]}>{data}</Text>
         </TDefaultRenderer>
     );
 }

src/styles/index.ts

@@ -20,7 +20,6 @@ import type {ThemeColors} from './theme/types';
 import addOutlineWidth from './utils/addOutlineWidth';
 import borders from './utils/borders';
 import chatContentScrollViewPlatformStyles from './utils/chatContentScrollViewPlatformStyles';
-import codeStyles from './utils/codeStyles';
 import cursor from './utils/cursor';
 import display from './utils/display';
 import editedLabelStyles from './utils/editedLabelStyles';
@@ -201,7 +200,6 @@ const webViewStyles = (theme: ThemeColors) =>
 
             code: {
                 ...baseCodeTagStyles(theme),
-                ...(codeStyles.codeTextStyle as MixedStyleDeclaration),
                 paddingLeft: 5,
                 paddingRight: 5,
                 fontFamily: FontUtils.fontFamily.platform.MONOSPACE.fontFamily,
@@ -3354,10 +3352,6 @@ const styles = (theme: ThemeColors) =>
             alignSelf: 'center',
         },
 
-        codeWordWrapper: {
-            ...codeStyles.codeWordWrapper,
-        },
-
         codeWordStyle: {
             borderLeftWidth: 0,
             borderRightWidth: 0,
@@ -3368,7 +3362,6 @@ const styles = (theme: ThemeColors) =>
             paddingLeft: 0,
             paddingRight: 0,
             justifyContent: 'center',
-            ...codeStyles.codeWordStyle,
         },
 
         codeFirstWordStyle: {
@@ -3385,10 +3378,6 @@ const styles = (theme: ThemeColors) =>
             paddingRight: 5,
         },
 
-        codePlainTextStyle: {
-            ...codeStyles.codePlainTextStyle,
-        },
-
         fullScreenLoading: {
             backgroundColor: theme.componentBG,
             opacity: 0.8,