Returned setData from useFetch

Fixed imports
Related to #19

front/src/components/AnnouncementDetails.tsx

@@ -4,7 +4,7 @@ import { MapContainer, Marker, Popup, TileLayer } from 'react-leaflet'
 import LineDot from './LineDot'
 import { categoryNames } from '../assets/category'
 import { useBook } from '../hooks/api'
-import { Announcement } from '../hooks/api/useAnnouncements'
+import { Announcement } from '../api/announcement/types'
 import { iconItem } from '../utils/markerIcons'
 
 type AnnouncementDetailsProps = {

front/src/components/TrashboxMarkers.tsx

@@ -1,6 +1,6 @@
 import { Marker, Popup } from 'react-leaflet'
 
-import { Trashbox } from '../hooks/api/useTrashboxes'
+import { Trashbox } from '../api/trashbox/types'
 import { iconTrash } from '../utils/markerIcons'
 
 type TrashboxMarkersProps = {

front/src/hooks/api/useAnnouncements.ts

@@ -4,15 +4,15 @@ import { composeAnnouncementsURL, initialAnnouncements, processAnnouncements } f
 
 import { isAnnouncementsResponse } from '../../api/announcements/types'
 
-const useAnnouncements = (filters: FiltersType) => {
+const useAnnouncements = (filters: FiltersType) =>
-    return useFetch(
+    useFetch(
         composeAnnouncementsURL(filters),
         'GET',
         false,
-        processAnnouncements,
         isAnnouncementsResponse,
+        processAnnouncements,
         initialAnnouncements
     )
-}
+
 
 export default useAnnouncements

front/src/hooks/api/useFetch.ts

@@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from 'react'
 import { handleHTTPErrors, isAborted } from '../../utils'
 import { getToken } from '../../utils/auth'
 import { useNavigate } from 'react-router-dom'
+import { SetState } from '../../utils/types'
 
 type UseFetchShared = {
     loading: boolean,
@@ -19,9 +20,11 @@ type UseFetchErrored = {
     data: undefined
 } & UseFetchShared
 
-const gotError = <T>(res: UseFetchErrored | UseFetchSucced<T>): res is UseFetchErrored => {
+const gotError = <T>(res: UseFetchErrored | UseFetchSucced<T>): res is UseFetchErrored =>
-    return typeof res.error === 'string'
+    typeof res.error === 'string'
-}
+
+const fallbackError = <T>(res: UseFetchSucced<T> | UseFetchErrored) =>
+    gotError(res) ? res.error : res.data
 
 type UseFetchReturn<T> = ({
     error: null,
@@ -31,6 +34,7 @@ type UseFetchReturn<T> = ({
     data: undefined
 }) & {
     loading: boolean,
+    setData: SetState<T | undefined>
     abort?: (() => void)
 }
 
@@ -38,8 +42,8 @@ const useFetch = <R, T>(
     url: string,
     method: RequestInit['method'],
     needAuth: boolean,
-    processData: (data: R) => T,
     guardResponse: (data: unknown) => data is R,
+    processData: (data: R) => T,
     initialData?: T,
     params?: RequestInit
 ): UseFetchReturn<T> => {
@@ -114,10 +118,11 @@ const useFetch = <R, T>(
             }) : ({ data: undefined, error })
         ),
         loading,
+        setData,
         abort: abortControllerRef.current?.abort.bind(abortControllerRef.current)
     }
 }
 
 export default useFetch
 
-export { gotError }
+export { gotError, fallbackError }

front/src/hooks/api/useTrashboxes.ts

@@ -4,15 +4,15 @@ import useFetch from './useFetch'
 import { composeTrashboxURL } from '../../api/trashbox'
 import { isTrashboxResponse } from '../../api/trashbox/types'
 
-const useTrashboxes = (position: LatLng) => {
+const useTrashboxes = (position: LatLng) =>
-    return useFetch(
+    useFetch(
         composeTrashboxURL(position),
         'GET',
         true,
-        (data) => data,
         isTrashboxResponse,
+        (data) => data,
         []
     )
-}
+
 
 export default useTrashboxes