import React, { useEffect, useState } from "react"; import RenameInput from "../../../ui/inputs/RenameInput"; import Vector3Input from "../customInput/Vector3Input"; import { useSelectedZoneStore } from "../../../../store/useZoneStore"; const ZoneProperties: React.FC = () => { const [Edit, setEdit] = useState(false); const { selectedZone, setSelectedZone } = useSelectedZoneStore(); function handleSetView() { setEdit(false); } function handleEditView() { if (Edit) { setEdit(false); } else { setEdit(true); } } useEffect(() => { console.log(' selectedZone.zoneName: ', selectedZone.zoneName); }, [selectedZone]) return (
{Edit ? "Cancel" : "Edit"}
{ }} header="Viewport Target" /> { }} header="Viewport Position" /> {Edit && (
Set View
)}
); }; export default ZoneProperties;