handle context menu format command

Expensify · Jan 9, 2025 · 1106916 · 1106916
1 parent 5fb81d6
commit 1106916
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -76,7 +76,7 @@
   },
   "dependencies": {
     "@dotlottie/react-player": "^1.6.3",
-    "@expensify/react-native-live-markdown": "0.1.210",
+    "@expensify/react-native-live-markdown": "0.1.215",
     "@expo/metro-runtime": "^4.0.0",
     "@firebase/app": "^0.10.10",
     "@firebase/performance": "^0.6.8",

diff --git a/src/components/RNMarkdownTextInput.tsx b/src/components/RNMarkdownTextInput.tsx
@@ -13,6 +13,17 @@ type AnimatedMarkdownTextInputRef = typeof AnimatedMarkdownTextInput & MarkdownT
 
 type RNMarkdownTextInputProps = Omit<MarkdownTextInputProps, 'parser'>;
 
+function handleFormatSelection(selectedText: string, formatCommand: string) {
+    switch (formatCommand) {
+        case 'formatBold':
+            return `*${selectedText}*`;
+        case 'formatItalic':
+            return `_${selectedText}_`;
+        default:
+            return selectedText;
+    }
+}
+
 function RNMarkdownTextInputWithRef({maxLength, ...props}: RNMarkdownTextInputProps, ref: ForwardedRef<AnimatedMarkdownTextInputRef>) {
     const theme = useTheme();
 
@@ -28,6 +39,7 @@ function RNMarkdownTextInputWithRef({maxLength, ...props}: RNMarkdownTextInputPr
                 }
                 ref(refHandle as AnimatedMarkdownTextInputRef);
             }}
+            formatSelection={handleFormatSelection}
             // eslint-disable-next-line
             {...props}
             /**