From 0430403e01540c4e52cbf11025f12514aa22a383 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Fri, 7 Jun 2024 15:32:47 -0700
Subject: [PATCH] finess download of images for android, seems very brittle

---
 .../topicItem/imageAsset/ImageAsset.jsx       |  7 ++++++-
 .../imageAsset/useImageAsset.hook.js          | 21 ++++++++++++++++---
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/mobile/src/session/conversation/topicItem/imageAsset/ImageAsset.jsx b/app/mobile/src/session/conversation/topicItem/imageAsset/ImageAsset.jsx
index d3a01f78..5e9a307a 100644
--- a/app/mobile/src/session/conversation/topicItem/imageAsset/ImageAsset.jsx
+++ b/app/mobile/src/session/conversation/topicItem/imageAsset/ImageAsset.jsx
@@ -26,7 +26,12 @@ export function ImageAsset({ asset, dismiss }) {
       )}
       { state.loaded && state.controls && Platform.OS !== 'ios' && (
         <TouchableOpacity style={styles.share} onPress={actions.download}>
-          <MatIcons name="download" size={32} color={Colors.white} />
+          { state.downloaded && (
+            <MatIcons name="download-outline" size={32} color={Colors.white} />
+          )}
+          { !state.downloaded && (
+            <MatIcons name="download" size={32} color={Colors.white} />
+          )}
         </TouchableOpacity>
       )}
       { state.loaded && state.controls && (
diff --git a/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js b/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js
index 22fd1537..6d4d9872 100644
--- a/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js
+++ b/app/mobile/src/session/conversation/topicItem/imageAsset/useImageAsset.hook.js
@@ -4,6 +4,7 @@ import { Image, Platform } from 'react-native';
 import { useWindowDimensions } from 'react-native';
 import Share from 'react-native-share';
 import RNFetchBlob from "rn-fetch-blob";
+import RNFS from "react-native-fs";
 
 export function useImageAsset(asset) {
 
@@ -17,6 +18,7 @@ export function useImageAsset(asset) {
     loaded: false,
     failed: false,
     controls: false,
+    downloaded: false,
   });
 
   const conversation = useContext(ConversationContext);
@@ -73,9 +75,22 @@ export function useImageAsset(asset) {
       Share.open({ url: state.url })
     },
     download: async () => {
-      const epoch = Math.ceil(Date.now() / 1000);
-      const dir = Platform.OS === 'ios' ? RNFetchBlob.fs.dirs.DocumentDir : RNFetchBlob.fs.dirs.PictureDir;
-      const res = await RNFetchBlob.config({path: `${dir}/databag_${epoch}.jpg`}).fetch("GET", state.url, {});
+      if (!state.downloaded) {
+        updateState({ downloaded: true });
+        const epoch = Math.ceil(Date.now() / 1000);
+        const dir = Platform.OS === 'ios' ? RNFetchBlob.fs.dirs.DocumentDir : RNFetchBlob.fs.dirs.PictureDir;
+        const path = `${dir}/databag_${epoch}.jpg`
+        if (state.url.substring(0, 7) === 'file://') {
+          await RNFS.copyFile(state.url.substring(7).split('?')[0], path);
+        }
+        else {
+          const res = await RNFetchBlob.config({path: path}).fetch("GET", state.url, {});
+        }
+        const block = await RNFS.read(path, 8, 0, 'base64');
+        if (block === '/9j/4AAQSkY=') {
+          await RNFS.scanFile(jpg);
+        }
+      }
     },
     loaded: () => {
       updateState({ loaded: true });