FIX: markers admin part

ARKultur · Sep 7, 2023 · 5fad9ff · 5fad9ff
1 parent 9a8577d
commit 5fad9ff
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 4 deletions.
diff --git a/src/component/AdminMarkerModal.js b/src/component/AdminMarkerModal.js
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Button, Container, TextField, Typography, IconButton} from "@mui/material";
+import { Button, Container, TextField, Typography, IconButton, Input} from "@mui/material";
 import "../styles/component/MarkerModal.css"
 import CloseIcon from '@mui/icons-material/Close';
 import { useState } from "react";
@@ -78,6 +78,15 @@ export const AdminMarkerModal = ({closeModal, onSubmit, defaultValue}) => {
                     <br/>
                     <TextField onChange={handleChange}  name="latitude" defaultValue={formData.latitude} label="Latitude"/>
                     <br/>
+                    <TextField onChange={handleChange}  name="hauteur" defaultValue={formData.latitude} label="Hauteur"/>
+                    <br/>
+                    <TextField onChange={handleChange}  name="status" defaultValue={formData.latitude} label="Status"/>
+                    <br/>
+                      Model 3D
+                      <Input type="file"/>
+                    <br/>
+                      Texture
+                      <Input type="file"/>
                     {errors && <div className="modal-error">{`Please include: ${errors}`}</div>}
                     <Button className="modal-btn" onClick={handleSubmit}>Soumettre</Button>
                 </form>

diff --git a/src/component/AdminMarkerTable.js b/src/component/AdminMarkerTable.js
@@ -18,7 +18,7 @@ export const AdminMarkerTable = ({ rows, editMarker, deleteMarker }) => {
   const [rowToEdit, setRowToEdit] = React.useState(null);
 
   const deleteRow = (targetId) => {
-    deleteMarker(markerStates.markers[targetId]);
+    deleteMarker(rows[targetId]);
   };
 
   const editRow = (id) => {
@@ -28,7 +28,7 @@ export const AdminMarkerTable = ({ rows, editMarker, deleteMarker }) => {
   };
 
   const submitForm = (newRow) => {
-    markerStates.markers.map((marker, id) => {
+    rows.map((marker, id) => {
       if (id === rowToEdit) {
         editMarker(newRow);
       }

diff --git a/src/component/MarkerModal.js b/src/component/MarkerModal.js
@@ -78,6 +78,12 @@ export const MarkerModal = ({closeModal, onSubmit, defaultValue}) => {
                     <br/>
                     <TextField onChange={handleChange}  name="latitude" defaultValue={formData.latitude} label="Latitude"/>
                     <br/>
+                    <TextField onChange={handleChange}  name="hauteur" defaultValue={formData.latitude} label="Hauteur"/>
+                    <br/>
+                    <TextField onChange={handleChange}  name="model_3D" defaultValue={formData.latitude} label="Model 3D"/>
+                    <br/>
+                    <TextField onChange={handleChange}  name="texture" defaultValue={formData.latitude} label="Texture"/>
+                    <br/>
                     {errors && <div className="modal-error">{`Please include: ${errors}`}</div>}
                     <Button className="modal-btn" onClick={handleSubmit}>Soumettre</Button>
                 </form>

diff --git a/src/view/Admin.js b/src/view/Admin.js
@@ -23,6 +23,7 @@ export default function Admin() {
     { isFocus: false, component: "OrganisationsTable", name: "Organisations" },
     { isFocus: false, component: "ContactTable", name: "Contact" },
     { isFocus: false, component: "NewsletterTable", name: "Newsletter" },
+    {isFocus: false, component: "MarkersTable", name: "Markers"},
   ]);
   const [table, setTable] = useState(<></>);
   const token = localStorage.getItem("token");
@@ -227,7 +228,6 @@ export default function Admin() {
         />
       );
     else if (name === "MarkersTable") {
-      console.log(markers);
       return (
         <AdminMarkerTable
           rows={markers}
@@ -276,6 +276,12 @@ export default function Admin() {
             >
               Organisations
             </Button>
+            <Button
+              title="Markers"
+              onClick={() => setMenuFocus("Markers")}
+            >
+              Markers
+            </Button>
           </Container>
           <Container style={{ padding: "20px" }}>{table}</Container>
         </Container>