Fix closing and reopening modals (#105)

* fix closing and reopening modals * add var usage
ekaterinburgdev · Dec 10, 2023 · 22ce123 · 22ce123
1 parent da867ee
commit 22ce123
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/client/components/MainPage/MainPage.tsx b/client/components/MainPage/MainPage.tsx
@@ -31,8 +31,22 @@ export function MainPage({ cards, cardsDynamicData, marqueeItems, articles }: Ma
 
     useEffect(() => {
         const handlePopState = (e: PopStateEvent) => {
-            if (e.state.url === '/') {
+            const slug = e.state.articleSlug;
+
+            if (e.state.url === '/' || slug === null) {
                 setOpenedArticle(null);
+
+                return;
+            }
+
+            if (slug) {
+                const article = articles.find((a) => a.slug === slug);
+
+                if (!article) {
+                    return;
+                }
+
+                setOpenedArticle(article);
             }
         };