@@ -2,7 +2,7 @@ import React, { memo, useMemo, useRef, useState } from 'react';
22import { View , StyleSheet , Text , TouchableOpacity , Image } from 'react-native' ;
33import MarkdownComponent from './MarkdownComponent' ;
44import ThinkingBlock from './ThinkingBlock' ;
5- import { fontFamily , fontSizes } from '../../styles/fontStyles' ;
5+ import { fontFamily , fontSizes , lineHeights } from '../../styles/fontStyles' ;
66import { useTheme } from '../../context/ThemeContext' ;
77import { useLLMStore } from '../../store/llmStore' ;
88import { BottomSheetModal } from '@gorhom/bottom-sheet' ;
@@ -127,7 +127,11 @@ const MessageItem = memo(
127127 delayPressIn = { 50 }
128128 activeOpacity = { 0.4 }
129129 >
130- < MarkdownComponent text = { contentParts . normalContent } />
130+ { role === 'user' ? (
131+ < Text style = { styles . userText } > { contentParts . normalContent } </ Text >
132+ ) : (
133+ < MarkdownComponent text = { contentParts . normalContent } />
134+ ) }
131135 </ TouchableOpacity >
132136 ) }
133137 { contentParts . hasThinking && contentParts . thinkingContent ?. trim ( ) && (
@@ -227,6 +231,12 @@ const createStyles = (theme: Theme) =>
227231 width : '100%' ,
228232 gap : 4 ,
229233 } ,
234+ userText : {
235+ fontFamily : fontFamily . regular ,
236+ fontSize : fontSizes . md ,
237+ color : theme . text . primary ,
238+ lineHeight : lineHeights . md ,
239+ } ,
230240 modelName : {
231241 fontSize : fontSizes . xs ,
232242 fontFamily : fontFamily . medium ,
0 commit comments