fix: mobile video not uploading (#1885)

* Update Editor.tsx * Update Editor.tsx * Update Editor.tsx
myriadsocial · Aug 28, 2023 · 867ed19 · 867ed19
1 parent f99a618
commit 867ed19
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/common/CKEditor/Editor.tsx b/src/components/common/CKEditor/Editor.tsx
@@ -37,6 +37,7 @@ export const Editor: React.FC<EditorProps> = props => {
   const styles = useStyles({ mobile, counter: true });
   const [modalOpen, setModalOpen] = useState(false);
   const [uploadedVideos, setUploadedVideos] = useState([]);
+  const [editorData, setEditorData] = useState('');
   const handleUploadButtonClick = () => {
     setModalOpen(true);
   };
@@ -96,6 +97,10 @@ export const Editor: React.FC<EditorProps> = props => {
 
     setUploadedVideos([...uploadedVideos, videoURL]);
     setModalOpen(false);
+    const dataWithVideo =
+      editorData +
+      `<video controls src='${videoURL}'>your browser does not support video</video>`;
+    onChange(dataWithVideo, false);
   };
 
   return (
@@ -116,7 +121,13 @@ export const Editor: React.FC<EditorProps> = props => {
             });
         }}
         onChange={(event, editor) => {
-          const data = editor.getData();
+          let data = editor.getData();
+          if (uploadedVideos.length !== 0) {
+            data =
+              data +
+              `<video controls src='${uploadedVideos[0]}'>your browser does not support video</video>`;
+          }
+          setEditorData(data);
 
           onChange(data, false);
         }}