[TMA-383] Added report button moment (#114)

* Added button on individual moment page to report an issue

* Report issue button disappears when clicked on and reappears when alert is
closed

* Small change

* Moved sendReport() to a ReportingService

* following user's report button now appears

* Update ReportingService.ts

Added alert

* Added back report button

* moved button back to the bottom

* Small change

Co-authored-by: Ashm Walia <ashmwalia@outlook.com>
Co-authored-by: Husam Salhab <47015061+hsalhab@users.noreply.github.com>

1 files changed, 40 insertions, 0 deletions

diff --git a/src/services/ReportingService.ts b/src/services/ReportingService.ts
new file mode 100644
index 00000000..2650a703
--- /dev/null
+++ b/src/services/ReportingService.ts
@@ -0,0 +1,40 @@
+//Common moments api abstracted out here
+
+import {REPORT_ISSUE_ENDPOINT} from '../constants';
+import {Alert} from 'react-native';
+
+export const sendReport = async (
+  moment_id: string,
+  message: string,
+  token: string,
+  callback: Function,
+) => {
+  try {
+    let response = await fetch(REPORT_ISSUE_ENDPOINT, {
+      method: 'POST',
+      body: JSON.stringify({
+        resource_id: moment_id,
+        type: 'content',
+        reason: message,
+      }),
+      headers: {
+        Authorization: 'Token ' + token,
+      },
+    });
+
+    let statusCode = response.status;
+    if (statusCode === 200) {
+      Alert.alert('Marked as ' + message.split(' ')[2]);
+    } else {
+      Alert.alert('Something went wrong!', 'Please try again.');
+    }
+    callback(false);
+  } catch (error) {
+    Alert.alert('Something went wrong!', 'Please try again.');
+    console.log(
+      'Something went wrong! 😭',
+      'Unable able to retrieve data',
+      error,
+    );
+  }
+};