fix: properly detect the mime type being passed

src/lib/media/picker.shared.ts

@@ -3,8 +3,9 @@ import {
   launchImageLibraryAsync,
   MediaTypeOptions,
 } from 'expo-image-picker'
-import {getDataUriSize} from './util'
+
 import * as Toast from 'view/com/util/Toast'
+import {getDataUriSize} from './util'
 
 export async function openPicker(opts?: ImagePickerOptions) {
   const response = await launchImageLibraryAsync({
@@ -26,7 +27,7 @@ export async function openPicker(opts?: ImagePickerOptions) {
       return false
     })
     .map(image => ({
-      mime: 'image/jpeg',
+      mime: image.mimeType || 'image/jpeg',
       height: image.height,
       width: image.width,
       path: image.uri,

src/state/gallery.ts

@@ -91,6 +91,7 @@ export async function pasteImage(
   uri: string,
 ): Promise<ComposerImageWithoutTransformation> {
   const {width, height} = await getImageDim(uri)
+  const match = /^data:(.+?);/.exec(uri)
 
   return {
     alt: '',
@@ -98,7 +99,7 @@ export async function pasteImage(
       path: uri,
       width: width,
       height: height,
-      mime: 'image/jpeg',
+      mime: match ? match[1] : 'image/jpeg',
     },
   }
 }