added formatting for iamges to the add note screen as well

oss-slu · Oct 22, 2023 · c0d6fb8 · c0d6fb8
1 parent 2cfbdc9
commit c0d6fb8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/lib/screens/AddNoteScreen.tsx b/lib/screens/AddNoteScreen.tsx
@@ -75,7 +75,15 @@ const AddNoteScreen: React.FC<AddNoteScreenProps> = ({ navigation, route }) => {
   };
 
   const addImageToEditor = (imageUri: string) => {
-    richTextRef.current?.insertImage(imageUri);
+    const customStyle = `
+      max-width: 50%;
+      height: auto; /* Maintain aspect ratio */
+      /* Additional CSS properties for sizing */
+    `;
+
+    const imgTag = `<img src="${imageUri}" style="${customStyle}" />`;
+
+    richTextRef.current?.insertHTML(imgTag);
   };
 
   const saveNote = async () => {
@@ -295,7 +303,7 @@ const AddNoteScreen: React.FC<AddNoteScreenProps> = ({ navigation, route }) => {
           </View>
           <View
             style={[
-              { paddingBottom: keyboardOpen ? 50 : 150 },
+              { paddingBottom: keyboardOpen ? 200 : 200 },
               { minHeight: 900 },
             ]}
           >
@@ -316,7 +324,7 @@ const AddNoteScreen: React.FC<AddNoteScreenProps> = ({ navigation, route }) => {
                 handleScroll(position);
               }}
             />
-            <View style={{ height: keyboardOpen ? 590 : 270 }} />
+            <View style={{ height: keyboardOpen ? 400 : 90 }} />
           </View>
         </ScrollView>
       </View>

diff --git a/lib/screens/EditNoteScreen.tsx b/lib/screens/EditNoteScreen.tsx
@@ -122,7 +122,7 @@ const EditNoteScreen: React.FC<EditNoteScreenProps> = ({
 
   const addImageToEditor = (imageUri: string) => {
     const customStyle = `
-      max-width: 50%; /* Set max width to 25% */
+      max-width: 50%;
       height: auto; /* Maintain aspect ratio */
       /* Additional CSS properties for sizing */
     `;