Changeset 0c6b92a for imaps-frontend/src/components/MapControls/MapControls.jsx

Timestamp:

12/12/24 17:06:06 (5 weeks ago)

Author:

stefan toskovski <stefantoska84@…>

Branches:

main

Parents:

d565449

Message:

Pred finalna verzija

File:

• imaps-frontend/src/components/MapControls/MapControls.jsx (modified) (3 diffs)

imaps-frontend/src/components/MapControls/MapControls.jsx

@@ -1 @@
-import React, { useState } from "react";
+import React, {useEffect, useState} from "react";
 import styles from "./MapControls.module.css";
 import plusIcon from "../../assets/plus_icon.png";
 import minusIcon from "../../assets/minus_icon.png";
 import floorIcon from "../../assets/floor_icon.png";
+import HttpService from "../../scripts/net/HttpService.js";
 
-export default function MapControls({ onZoomIn, onZoomOut, onFloorChange }) {
-  const [currentFloor, setCurrentFloor] = useState(1); // Starting floor
+export default function MapControls({onFloorChange,mapName }) {
+  const [currentFloor, setCurrentFloor] = useState(0);
+  const [floors, setFloors] = useState([]);
+
+  // Starting floor
 
   // Handle floor selection
@@ -20 +24 @@
       {/* Zoom Controls */}
       <div className={styles.zoomControls}>
-        <button onClick={onZoomIn} className={styles.zoomButton}>
+        <button className={styles.zoomButton}>
           <img src={plusIcon} alt="Zoom In" />
         </button>
-        <button onClick={onZoomOut} className={styles.zoomButton}>
+        <button className={styles.zoomButton}>
           <img src={minusIcon} alt="Zoom Out" />
         </button>
@@ -29 +33 @@
 
       {/* Floor Selector */}
-      <div className={styles.floorSelector}>
-        <img src={floorIcon} alt="Floor Icon" className={styles.floorIcon} />
-        <select
-          value={currentFloor}
-          onChange={(e) => handleFloorChange(parseInt(e.target.value, 10))}
-          className={styles.floorDropdown}
-        >
-          <option value={1}>1F</option>
-          <option value={2}>2F</option>
-          <option value={3}>3F</option>
-          <option value={4}>4F</option>
-        </select>
-      </div>
+      {/*<div className={styles.floorSelector}>*/}
+      {/*  <img src={floorIcon} alt="Floor Icon" className={styles.floorIcon} />*/}
+      {/*  <select*/}
+      {/*    value={currentFloor}*/}
+      {/*    onChange={(e) => handleFloorChange(parseInt(e.target.value, 10))}*/}
+      {/*    className={styles.floorDropdown}*/}
+      {/*  >*/}
+      {/*    {floors?.map(floor => (*/}
+      {/*        <option key={floor.floorNumber} value={floor.floorNumber}>*/}
+      {/*          {floor.floorNumber}F*/}
+      {/*        </option>*/}
+
+      {/*    ))}*/}
+      {/*    /!*<option value={1}>1F</option>*!/*/}
+      {/*    /!*<option value={2}>2F</option>*!/*/}
+      {/*    /!*<option value={3}>3F</option>*!/*/}
+      {/*    /!*<option value={4}>4F</option>*!/*/}
+      {/*  </select>*/}
+      {/*</div>*/}
     </div>
   );