diff --git a/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.jsx b/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.jsx index f9800f4d..d4552fe4 100644 --- a/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.jsx +++ b/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.jsx @@ -48,6 +48,11 @@ export function BinaryAsset({ asset, dismiss }) { { state.downloading && ( )} + + { state.copied && ( + Copied to App Directory + )} + { asset.extension } diff --git a/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.styled.js b/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.styled.js index 8cc7b43a..94d29c2c 100644 --- a/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.styled.js +++ b/app/mobile/src/session/conversation/topicItem/binaryAsset/BinaryAsset.styled.js @@ -26,6 +26,14 @@ export const styles = StyleSheet.create({ alignItems: 'center', justifyContent: 'center', }, + copied: { + height: 32, + paddingTop: 8, + }, + copiedText: { + color: Colors.white, + fontSize: 18, + }, extension: { textAlign: 'center', fontSize: 48, diff --git a/app/mobile/src/session/conversation/topicItem/binaryAsset/useBinaryAsset.hook.js b/app/mobile/src/session/conversation/topicItem/binaryAsset/useBinaryAsset.hook.js index fbb5d944..a1814965 100644 --- a/app/mobile/src/session/conversation/topicItem/binaryAsset/useBinaryAsset.hook.js +++ b/app/mobile/src/session/conversation/topicItem/binaryAsset/useBinaryAsset.hook.js @@ -12,6 +12,7 @@ export function useBinaryAsset() { width: 1, height: 1, downloading: false, + copied: false, }); const dimensions = useWindowDimensions(); @@ -45,7 +46,8 @@ export function useBinaryAsset() { src = blob.path(); } - if (Platform.OS === 'iOS') { + if (Platform.OS === 'ios') { + const path = `${RNFetchBlob.fs.dirs.DocumentDir}` const dst = `${path}/${label}.${extension.toLowerCase()}` if (RNFetchBlob.fs.exists(dst)) { @@ -61,8 +63,10 @@ export function useBinaryAsset() { RNFetchBlob.fs.unlink(dst); } else { - const copy = RNFS.ExternalDirectoryPath + "/" label + "." + extension; + const copy = RNFS.ExternalDirectoryPath + "/" + label + "." + extension; RNFS.copyFile(src, copy); + updateState({ copied: true }); + setTimeout(() => updateState({ copied: false }), 2000); } updateState({ downloading: false }); }