Merge branch 'dev-redux' of https://github.com/ciaochaos/qrbtf into dev-redux

src/api/db.js

@@ -12,7 +12,7 @@ const _ = db.command
 export async function login() {
     await auth.signInAnonymously();
     const loginState = await auth.getLoginState();
-    isLogin = loginState
+    isLogin = loginState;
 }
 
 export function getDownloadCount(callback) {
@@ -49,7 +49,7 @@ export function increaseDownloadData(value, callback) {
     })
 }
 
-export function recordDownloadDetail({text, value, type, params, history}) {
+export function recordDownloadDetail({text, value, type, params, history}, callback) {
     if (!isLogin) return;
     db.collection('QRDownloadData').add({
         date: new Date().toString(),
@@ -58,5 +58,7 @@ export function recordDownloadDetail({text, value, type, params, history}) {
         type: type,
         params: params,
         history: history
-    }).catch(console.error)
+    }).then(res => {
+        if (callback) callback(res);
+    }).catch(console.error);
 }

src/containers/app/PartDownloadViewer.js

@@ -5,15 +5,8 @@ import {getDownloadCount, increaseDownloadData, recordDownloadDetail} from "../.
 import {getParamDetailedValue, outerHtml} from "../../utils/util";
 
 function saveDB(state, type, updateDownloadData) {
+    return new Promise(resolve => {
         increaseDownloadData(state.value, () => {
-        getDownloadCount((res) => {
-            let downloadData = [];
-            res.data.forEach((item) => {
-                downloadData[item.value] = item.count;
-            });
-            updateDownloadData(downloadData);
-        });
-    });
             recordDownloadDetail({
                 text: state.textUrl,
                 value: state.value,
@@ -28,6 +21,17 @@ function saveDB(state, type, updateDownloadData) {
                     }
                 }),
                 history: state.history
+            }, () => {
+                getDownloadCount((res) => {
+                    let downloadData = [];
+                    res.data.forEach((item) => {
+                        downloadData[item.value] = item.count;
+                    });
+                    updateDownloadData(downloadData);
+                    resolve()
+                });
+            });
+        });
     });
 }
 
@@ -35,12 +39,17 @@ const mapStateToProps = (state, ownProps) => ({
     value: state.value,
     downloadCount: state.downloadData[state.value],
     onSvgDownload: () => {
-        saveSvg(state.value, outerHtml(state.selectedIndex))
+        saveSvg(state.value, outerHtml(state.selectedIndex));
-        saveDB(state, 'svg', ownProps.updateDownloadData)
+        saveDB(state, 'svg', ownProps.updateDownloadData);
     },
     onJpgDownload: () => {
-        saveDB(state, 'jpg', ownProps.updateDownloadData)
+        return new Promise(resolve => {
-        return saveImg(state.value, outerHtml(state.selectedIndex), 1500, 1500)
+            saveImg(state.value, outerHtml(state.selectedIndex), 1500, 1500).then((res) => {
+                saveDB(state, 'jpg', ownProps.updateDownloadData).then(() => {
+                    resolve(res)
+                });
+            });
+        });
     }
 })