6850fee16a
Der Bearbeitungsmodus ist noch nicht vollständig, und es fehlen einige Funktionalitäten. Reduzierung der Datenbankanfragen noch in Arbeit.
27 lines
768 B
JavaScript
27 lines
768 B
JavaScript
import React, { useState, useEffect } from "react";
|
|
|
|
function EditModeToggle() {
|
|
const [editMode, setEditMode] = useState(() => localStorage.getItem("editMode") === "true");
|
|
|
|
const toggleEditMode = () => {
|
|
const newEditMode = !editMode;
|
|
setEditMode(newEditMode);
|
|
localStorage.setItem("editMode", newEditMode);
|
|
//Browser neu laden, um die Änderungen anzuwenden
|
|
window.location.reload();
|
|
};
|
|
|
|
useEffect(() => {
|
|
const storedMode = localStorage.getItem("editMode") === "true";
|
|
setEditMode(storedMode);
|
|
}, []);
|
|
|
|
return (
|
|
<button onClick={toggleEditMode} className="bg-gray-200 p-2 rounded">
|
|
{editMode ? "Bearbeitungsmodus deaktivieren" : "Bearbeitungsmodus aktivieren"}
|
|
</button>
|
|
);
|
|
}
|
|
|
|
export default EditModeToggle;
|