Move myFetch to separate file

frontend/src/services/duty.ts

@@ -1,4 +1,5 @@
 import { Duty } from '../models/duty'
+import { myFetch } from './fetch'
 
 export interface DutyRemoteService {
   createDuty: (name: string) => Promise<Duty>
@@ -7,23 +8,6 @@ export interface DutyRemoteService {
   completeDuty: (dutyId: string) => Promise<void>
 }
 
-function myFetch(url: string, init?: RequestInit) {
-  return fetch(url, init)
-    .then((res) => {
-      if (!res.ok) {
-        // TODO: Currently frontend already guards the case for bad request. If future display error message is needed, we can add more specific error handling here.
-        throw new Error('Unexpected error')
-      }
-      const contentType = res.headers.get('Content-Type')
-      if (contentType && contentType.includes('application/json')) {
-        return res.json()
-      }
-    })
-    .catch(() => {
-      throw new Error('Unable to interact with server')
-    })
-}
-
 export class DutyRemoteServiceImpl implements DutyRemoteService {
   private readonly apiEndpoint: string
 

frontend/src/services/fetch.ts

@@ -0,0 +1,16 @@
+export function myFetch(url: string, init?: RequestInit) {
+  return fetch(url, init)
+    .then((res) => {
+      if (!res.ok) {
+        // TODO: Currently frontend already guards the case for bad request. If future display error message is needed, we can add more specific error handling here.
+        throw new Error('Unexpected error')
+      }
+      const contentType = res.headers.get('Content-Type')
+      if (contentType && contentType.includes('application/json')) {
+        return res.json()
+      }
+    })
+    .catch(() => {
+      throw new Error('Unable to interact with server')
+    })
+}