diff --git a/src/shared/ui/MarkdownView.tsx b/src/shared/ui/MarkdownView.tsx index 3b0877d3c..524654897 100644 --- a/src/shared/ui/MarkdownView.tsx +++ b/src/shared/ui/MarkdownView.tsx @@ -7,6 +7,8 @@ import Markdown, { MarkdownIt, } from 'react-native-markdown-display'; +import { defaultFont, elFont } from '../config/theme/tamagui.config'; +import { useFontLanguage } from '../hooks/useFontLanguage'; import { preprocessImageLinks } from '../lib/markdown/rules'; const markdownItInstance = MarkdownIt({ @@ -21,7 +23,7 @@ const markdownItInstance = MarkdownIt({ type Props = { content: string; - markdownStyle?: StyleSheet.NamedStyles; + markdownStyle: StyleSheet.NamedStyles; rules?: RenderRules; }; @@ -32,12 +34,22 @@ declare module 'react-native-markdown-display' { } export const MarkdownView: FC = ({ content, markdownStyle, rules }) => { + const fontLanguage = useFontLanguage(); + + const style: StyleSheet.NamedStyles = { + ...markdownStyle, + text: { + ...markdownStyle.text, + fontFamily: fontLanguage === 'el' ? elFont.family : defaultFont.family, + }, + }; + return ( {preprocessImageLinks(content)}