refactor store

.eslintrc.json

@@ -12,15 +12,16 @@
         "project": "./tsconfig.json"
     },
     "rules": {
+        "react-hooks/exhaustive-deps": "error",
+
         "@next/next/no-img-element": "off",
 
         // TODO: remove this rule
         "@typescript-eslint/no-explicit-any": "off",
         // TODO: remove this rule
         "@typescript-eslint/ban-ts-comment": "off",
-        // TODO: remove this rule
+
         "jsx-a11y/click-events-have-key-events": "off",
-        // TODO: remove this rule
         "jsx-a11y/no-static-element-interactions": "off",
 
         "no-irregular-whitespace": "off",
@@ -57,6 +58,14 @@
                     { "from": "./state", "target": "./components" },
                     { "from": "./constants", "target": "./components" },
                     { "from": "./features", "target": "./components" }
+
+                    // { "from": "./constants", "target": "./map" },
+                    // { "from": "./state", "target": "./map" },
+                    // { "from": "./styles", "target": "./map" },
+                    // { "from": "./shared", "target": "./map" },
+                    // { "from": "./pages", "target": "./map" },
+                    // { "from": "./features", "target": "./map" },
+                    // { "from": "./components", "target": "./map" }
                 ]
             }
         ]

components/DesktopCard/index.tsx

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { Close } from 'components/Close';
+import styles from './DesktopCard.module.css';
+
+interface Props {
+    popupHash?: string;
+    children: ReactNode;
+    closePopup: () => void;
+}
+
+export function DesktopCard({ popupHash, children, closePopup }: Props) {
+    if (!popupHash) {
+        return <></>;
+    }
+
+    return (
+        <div className={styles.DesktopCard}>
+            <div className={styles.DesktopCard__header}>
+                <Close close={closePopup} />
+            </div>
+            {children}
+        </div>
+    );
+}

constants/map.ts

@@ -1,4 +1,3 @@
 export const MIN_ZOOM = 11;
 export const MAX_ZOOM = 20;
-export const BUILDING_LAYER_ID = 'building';
 export const CENTER_COORDS: [number, number] = [60.605, 56.838011];