Show toast on save success and error

src/hooks/useSaveImage.ts

@@ -15,6 +15,7 @@ export const useSaveImage = (props: UseSaveImageProps) => {
   // STATE
   const [error, setError] = useState("");
   const [isSaving, setIsSaving] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
 
   // HOOKS
   const [permission, requestPermission] = MediaLibrary.usePermissions();
@@ -23,6 +24,7 @@ export const useSaveImage = (props: UseSaveImageProps) => {
   const save = async () => {
     const fileUri = `${FileSystem.documentDirectory}${fileName}.jpg`;
 
+    setIsSuccess(false);
     setIsSaving(true);
 
     try {
@@ -41,11 +43,9 @@ export const useSaveImage = (props: UseSaveImageProps) => {
         await MediaLibrary.addAssetsToAlbumAsync([asset], album, false);
       }
 
-      console.log(`Saved image from "${imageURL}" in album "${albumName}`);
+      setIsSuccess(true);
     } catch (err) {
-      setError(
-        `Error saving image from "${imageURL}" in album "${albumName}". ${err}`
-      );
+      setError(String(err));
     } finally {
       setIsSaving(false);
     }
@@ -54,6 +54,7 @@ export const useSaveImage = (props: UseSaveImageProps) => {
   return {
     error,
     isSaving,
+    isSuccess,
     save,
   };
 };

src/wallpaper/components/WallpaperAuthorInfo.tsx

@@ -12,6 +12,7 @@ import {
   Linking,
   StyleProp,
   StyleSheet,
+  ToastAndroid,
   View,
   ViewStyle,
 } from "react-native";
@@ -32,17 +33,25 @@ export const WallpaperAuthorInfo = (props: WallpaperAuthorInfoProps) => {
   }
 
   // HOOKS
-  const { error, isSaving, save } = useSaveImage({
+  const { error, isSaving, isSuccess, save } = useSaveImage({
     imageURL: uri,
     fileName: details?.slug || "wallpaper",
     albumName: "Sweather Wallpaper",
   });
 
   // EFFECTS
   useEffect(() => {
-    if (error) console.log(error);
+    if (error) {
+      ToastAndroid.show(error, ToastAndroid.LONG);
+    }
   }, [error]);
 
+  useEffect(() => {
+    if (isSuccess) {
+      ToastAndroid.show("Wallpaper saved successfully", ToastAndroid.SHORT);
+    }
+  }, [isSuccess]);
+
   // VARS
   const combinedStyle = StyleSheet.flatten([styles.default, style]);