video insertion now works on the Add Notes screen

__tests__/AddNoteScreen.test.tsx

@@ -63,6 +63,14 @@ describe('AddNoteScreen', () => {
     expect(getByTestId('RichEditor')).toBeTruthy();
   });
 
+  it('renders the save button', () => {
+    const routeMock = { params: { untitledNumber: 1 } };
+    const { getByTestId } = render(<AddNoteScreen route={routeMock as any} />);
+
+    // Check if the save button is rendered
+    expect(getByTestId('checklocationpermission')).toBeTruthy();
+  });
+
 
   it('handles saveNote API error', async () => {
     const routeMock = { params: { untitledNumber: 1 } };
@@ -141,7 +149,6 @@ describe("AddNoteScreen's checkLocationPermission method", () => {
     await waitFor(() => {
       expect(mockWriteNewNote).toHaveBeenCalledTimes(0); // Adjust expected to 0
     });
-  });
-
+  });  
 
 });

lib/screens/AddNoteScreen.tsx

@@ -90,18 +90,20 @@ const AddNoteScreen: React.FC<{ navigation: any, route: any }> = ({ navigation,
 
   const addVideoToEditor = async (videoUri: string) => {
     try {
-      const thumbnailUri = await getThumbnail(videoUri);
-      const videoTag = `
-        <video width="320" height="240" controls poster="${thumbnailUri}">
-          <source src="${videoUri}" type="video/mp4">
-          Your browser does not support the video tag.
-        </video>`;
-      editor.commands.setContent(editor.getHTML() + videoTag);
+      // Append the video to the existing content
+      editor.setImage(videoUri);
+
+      editor.injectCSS(`
+        video {
+          width: 100px !important;
+          height: 100px !important;
+        }
+      `);
     } catch (error) {
-      console.error("Error adding video: ", error);
+      console.error("Error adding video:", error);
     }
   };
-
+  
   const insertAudioToEditor = (audioUri: string) => {
     const audioTag = `<audio controls src="${audioUri}"></audio>`;
     editor.commands.setContent(editor.getHTML() + audioTag);