Trashboxes fetching fixes

front/src/api/trashbox/index.ts

@@ -6,9 +6,9 @@ import { Category } from '../../assets/category'
 
 const composeTrashboxURL = (position: LatLng, category: Category) => (
     API_URL + '/trashbox?' + new URLSearchParams({
-        lat: position.lat.toString(),
+        Lat: position.lat.toString(),
-        lng: position.lng.toString(),
+        Lng: position.lng.toString(),
-        category: category,
+        Category: category,
     }).toString()
 )
 

front/src/components/LineDot.tsx

@@ -3,7 +3,7 @@ import { colors, lineNames, lineByName } from '../assets/metro'
 function LineDot({ station }: { station: string }) {
     const line = lineByName(station)
 
-    if (line == undefined) {
+    if (line === undefined) {
         return <></>
     }
 

front/src/components/Poetry.tsx

@@ -26,7 +26,7 @@ function Poetry() {
                                 }}
                             />
                             <p><em>{poetry.data.author}</em></p>
-                            <img src={`/poem_pic/${poetry.data.id}`} alt='Иллюстрация' />
+                            <img src={`/poem_pic/${poetry.data.id}.jpg`} alt='Иллюстрация' />
                         </>
                     )
                 ) : (

front/src/hooks/api/useTrashboxes.ts

@@ -3,40 +3,20 @@ import { LatLng } from 'leaflet'
 import { Trashbox, isTrashboxResponse } from '../../api/trashbox/types'
 import useFetch, { UseFetchReturn } from '../useFetch'
 
-import { faker } from '@faker-js/faker/locale/ru'
 import { Category } from '../../assets/category'
-import { useMemo } from 'react'
 import { composeTrashboxURL, processTrashbox } from '../../api/trashbox'
 
-function genMockTrashbox(pos: LatLng): Trashbox {
-    const loc = faker.location.nearbyGPSCoordinate({ origin: [pos.lat, pos.lng], radius: 1 })
-
-    return {
-        Name: faker.company.name(),
-        Address: faker.location.streetAddress(),
-        Categories: faker.lorem.words({ max: 3, min: 1 }).split(' '),
-        Lat: loc[0],
-        Lng: loc[1],
-    }
-}
-
 const useTrashboxes = (position: LatLng, category: Category): UseFetchReturn<Trashbox[]> => (
     // TODO: Remove once available
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    import.meta.env.PROD ? useFetch(
+    useFetch(
         composeTrashboxURL(position, category),
         'GET',
         true,
         isTrashboxResponse,
         processTrashbox,
         [],
-    ) : {
+    )
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        data: useMemo(() => new Array(3).fill(3).map(() => genMockTrashbox(position)), [position]),
-        loading: false,
-        error: null,
-        refetch: () => { return },
-    }
 )
 
 export default useTrashboxes