Switched category data struct from Map to object

Moved lineByName function

front/src/assets/category.ts

@@ -1,41 +1,40 @@
 import { isLiteralUnion } from "../utils/types"
 
 const categories = ["PORRIDGE", "conspects", "milk", "bred", "wathing", "cloth",
-"fruits_vegatables", "soup", "dinner", "conserves", "pens", "other_things"] as const
+    "fruits_vegatables", "soup", "dinner", "conserves", "pens", "other_things"] as const
 type Category = typeof categories[number]
 
 const isCategory = (obj: unknown): obj is Category => isLiteralUnion(obj, categories)
 
-const categoryGraphics = new Map<Category, string>([
-    ["PORRIDGE", "static/PORRIDGE.jpg"],
-    ["conspects", "static/conspects.jpg"],
-    ["milk", "static/milk.jpg"],
-    ["bred", "static/bred.jpg"],
-    ["wathing", "static/wathing.jpg"],
-    ["cloth", "static/cloth.jpg"],
-    ["fruits_vegatables", "static/fruits_vegatables.jpg"],
-    ["soup", "static/soup.jpg"],
-    ["dinner", "static/dinner.jpg"],
-    ["conserves", "static/conserves.jpg"],
-    ["pens", "static/pens.jpg"],
-    ["other_things", "static/other_things.jpg"]
+const categoryGraphics: Record<Category, string> = {
+    "PORRIDGE": "static/PORRIDGE.jpg",
+    "conspects": "static/conspects.jpg",
+    "milk": "static/milk.jpg",
+    "bred": "static/bred.jpg",
+    "wathing": "static/wathing.jpg",
+    "cloth": "static/cloth.jpg",
+    "fruits_vegatables": "static/fruits_vegatables.jpg",
+    "soup": "static/soup.jpg",
+    "dinner": "static/dinner.jpg",
+    "conserves": "static/conserves.jpg",
+    "pens": "static/pens.jpg",
+    "other_things": "static/other_things.jpg",
+}
 
-])
-
-const categoryNames = new Map<Category, string>([
-    ["PORRIDGE", "PORRIDGE"],
-    ["conspects", "Конспекты"],
-    ["milk", "Молочные продукты"],
-    ["bred", "Хлебобулочные изделия"],
-    ["wathing", "Моющие средства"],
-    ["cloth", "Одежда"],
-    ["fruits_vegatables", "Фрукты и овощи"],
-    ["soup", "Супы"],
-    ["dinner", "Ужин"],
-    ["conserves", "Консервы"],
-    ["pens", "Канцелярия"],
-    ["other_things", "Всякая всячина"]
-])
+const categoryNames: Record<Category, string> = {
+    "PORRIDGE": "PORRIDGE",
+    "conspects": "Конспекты",
+    "milk": "Молочные продукты",
+    "bred": "Хлебобулочные изделия",
+    "wathing": "Моющие средства",
+    "cloth": "Одежда",
+    "fruits_vegatables": "Фрукты и овощи",
+    "soup": "Супы",
+    "dinner": "Ужин",
+    "conserves": "Консервы",
+    "pens": "Канцелярия",
+    "other_things": "Всякая всячина",
+}
 
 export type { Category }
-export { categoryNames, categoryGraphics, isCategory }
+export { categories, categoryNames, categoryGraphics, isCategory }

front/src/assets/metro.ts

@@ -101,5 +101,9 @@ const lineNames: Record<Lines, string> = {
     violet: "Фиолетовая",
 }
 
+const lineByName = (name: string) =>
+    lines.find(line => stations[line].has(name))
+
+
 export type { Lines }
-export { lines, stations, colors, lineNames }
+export { lines, stations, colors, lineNames, lineByName }

front/src/components/AnnouncementDetails.tsx

@@ -29,7 +29,7 @@ function AnnouncementDetails({ close, announcement: { id, name, category, bestBy
                 <Modal.Body>
                     <h1>{name}</h1>
 
-                    <span>{categoryNames.get(category)}</span>
+                    <span>{categoryNames[category]}</span>
                     <span className='m-2'>&#x2022;</span>{/* dot */}
                     <span>Годен до {new Date(bestBy).toLocaleString('ru-RU')}</span>
 

front/src/components/Filters.tsx

@@ -1,6 +1,6 @@
 import { Button, Form, Modal } from "react-bootstrap"
 
-import { categoryNames } from "../assets/category"
+import { categories, categoryNames } from "../assets/category"
 import { stations, lines, lineNames } from '../assets/metro'
 import { FiltersType } from "../utils/filters"
 import { SetState } from "../utils/types"
@@ -49,9 +49,9 @@ function Filters({ filter, setFilter, filterShown, setFilterShown }: FiltersProp
                             <option value="">
                                 Выберите категорию
                             </option>
-                            {Array.from(categoryNames).map(
-                                ([category, categoryName]) =>
-                                    <option key={category} value={category}>{categoryName}</option>
+                            {categories.map(
+                                category =>
+                                    <option key={category} value={category}>{categoryNames[category]}</option>
                             )}
                         </Form.Select>
                     </Form.Group>

front/src/components/LineDot.tsx

@@ -1,5 +1,4 @@
-import { colors, lineNames } from '../assets/metro'
-import { lineByName } from '../utils/metro'
+import { colors, lineNames, lineByName } from '../assets/metro'
 
 function LineDot({ station }: { station: string }) {
     const line = lineByName(station)

front/src/pages/AddPage.tsx

@@ -6,7 +6,7 @@ import { latLng } from "leaflet"
 import { ClickHandler, LocationMarker, TrashboxMarkers } from "../components"
 import { useAddAnnouncement, useTrashboxes } from "../hooks/api"
 
-import { categoryNames } from "../assets/category"
+import { categories, categoryNames } from "../assets/category"
 import { stations, lines, lineNames } from "../assets/metro"
 import { isObject } from "../utils/types"
 import { handleHTTPErrors } from "../utils"
@@ -87,9 +87,8 @@ function AddPage() {
                             <option value="" hidden>
                                 Выберите категорию
                             </option>
-                            {Array.from(categoryNames).map(
-                                ([category, categoryName]) =>
-                                    <option key={category} value={category}>{categoryName}</option>
+                            {categories.map(category =>
+                                <option key={category} value={category}>{categoryNames[category]}</option>
                             )}
                         </Form.Select>
                     </Form.Group>

front/src/pages/HomePage.tsx

@@ -15,7 +15,7 @@ function generateStories(announcements: Announcement[]): Story[] {
     return announcements.map(announcement => {
         return ({
             id: announcement.id,
-            url: announcement.src || categoryGraphics.get(announcement.category),
+            url: announcement.src || categoryGraphics[announcement.category],
             type: announcement.src?.endsWith("mp4") ? "video" : undefined,
             seeMore: ({ close }: { close: () => void }) => <AnnouncementDetails close={close} announcement={announcement} />
         })

front/src/utils/metro.ts

@@ -1,7 +0,0 @@
-import { stations, lines } from "../assets/metro"
-
-function lineByName(name: string) {
-    return lines.find(line => stations[line].has(name))
-}
-
-export { lineByName }