Made the website more interactive by adding alerts on successful and failed attempts when connecting to database. Also, dealt a bit with offline functionality.

1 files changed, 16 insertions, 12 deletions

diff --git a/src/actions/firebaseStorage.js b/src/actions/firebaseStorage.js
index 6828344..ad158f8 100644
--- a/src/actions/firebaseStorage.js
+++ b/src/actions/firebaseStorage.js
@@ -3,18 +3,22 @@ import { fireStorage } from '../firebase.js';
 export const UPDATE_PICTURE = 'UPDATE_PICTURE';
 
 export const uploadPicture = (file, uploader) => (dispatch, getState) => {
-    if(file) {
-      var fireStorageRef  =   fireStorage.ref('requests/' + getState().firebaseAuth.uid + '/' + file.name);
-
-      var task = fireStorageRef.put(file);
-    
-      task.on('state_changed', function(snapshot) {
-        var percentage  = (snapshot.bytesTransferred /
-        snapshot.totalBytes) * 100;
-        uploader.value  = percentage;
-      });
-
-      dispatch(updatePicture(file.name));
+    if(getState().app.offline) {
+        alert("Failed to upload image.\t Please establish internet connection and retry to upload photo.")
+    } else {
+        if(file) {
+            var fireStorageRef  =   fireStorage.ref('requests/' + getState().firebaseAuth.uid + '/' + file.name);
+      
+            var task = fireStorageRef.put(file);
+          
+            task.on('state_changed', function(snapshot) {
+              var percentage  = (snapshot.bytesTransferred /
+              snapshot.totalBytes) * 100;
+              uploader.value  = percentage;
+            });
+      
+            dispatch(updatePicture(file.name));
+          }
     }
 }