Fixes and other

reactapp/src/App.tsx

@@ -7,9 +7,10 @@ import ScamPage from "./pages/ScamPage";
 import InfoPage from "./pages/InfoPage";
 import Header from "./components/Header";
 import PopupMap from "./components/PopupMap";
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { Routes, Route } from 'react-router-dom';
 import { Product, Category } from "./utils/types";
+import axios from 'axios';
 
 interface AppPopupMapState {
   isPopupMapVisible: boolean;
@@ -20,6 +21,20 @@ export default function App() {
     isPopupMapVisible: false,
   });
 
+  const [details, setDetails] = useState([]);
+  
+  useEffect(() => {
+    let data;
+    axios.get('http://localhost:8000')
+      .then(res => {
+        data = res.data;
+        setDetails(data);
+      })
+      .catch(err => {
+        console.log(err);
+      });
+  }, []);
+
   const togglePopupMap = () => {
     setState((prevState) => ({
       ...prevState,

reactapp/src/InfoPageStyle.scss

@@ -14,9 +14,11 @@ $accent-color: #EB5E28;
         height: 400px;
         perspective: 1000px;
         border-radius: 15px;
+        z-index: 1;
     
         .dev-card__inner {
             position: relative;
+            z-index: 1;
             border-radius: 15px;
             width: 100%;
             height: 100%;
@@ -27,6 +29,7 @@ $accent-color: #EB5E28;
     
             .dev-card__front, .dev-card__back {
                 position: absolute;
+                z-index: 1;
                 border-radius: 15px;
                 width: 100%;
                 height: 100%;

reactapp/src/index.scss

@@ -155,6 +155,7 @@ body {
 
     .catalog-menu {
         position: fixed;
+        z-index: 999;
         width: 340px;
         height: 495px;
         left: 218px;
@@ -431,6 +432,7 @@ body {
     width: 450px;
     display: flex;
     position: fixed;
+    z-index: 999;
     left: 50%;
     top: 108px;
     transform:translateX(-50%);