Show upload progress for assignment submission (close #686)

package.json

@@ -26,6 +26,7 @@
     "@react-native-community/push-notification-ios": "1.0.6",
     "@react-native-firebase/app": "6.3.4",
     "@react-native-firebase/messaging": "6.3.4",
+    "axios": "0.19.2",
     "darkreader": "4.9.2",
     "dayjs": "1.8.23",
     "expo-document-picker": "8.1.0",

src/redux/dataSource.ts

@@ -1,5 +1,6 @@
 import {Learn2018Helper} from 'thu-learn-lib-no-native';
 import mime from 'mime-types';
+import axios from 'axios';
 
 let dataSource = new Learn2018Helper();
 
@@ -22,6 +23,7 @@ const submitAssignment = async (
     uri: string;
     name: string;
   },
+  onProgress?: (progress: number) => void,
   remove: boolean = false,
 ) => {
   if (!content && !attachment && !remove) {
@@ -41,15 +43,15 @@ const submitAssignment = async (
   }
 
   try {
-    const res = await fetch(submitAssignmentUrl, {
-      method: 'POST',
-      body,
+    const res = await axios.post(submitAssignmentUrl, body, {
+      onUploadProgress: (e) => onProgress?.(e.loaded / e.total),
     });
-    if (!res.ok) {
-      throw new Error('Sumbit assignment failed');
+
+    if (res.status !== 200) {
+      throw new Error('Submit assignment failed');
     }
   } catch {
-    throw new Error('Sumbit assignment failed');
+    throw new Error('Submit assignment failed');
   }
 };