import { useState, useEffect } from "react"; import { useDispatch, useSelector } from "react-redux"; import { fetchPropertyById } from "../redux/features/propertySlice"; import { updateProperty } from "../redux/features/propertySlice"; import { useParams } from "react-router-dom"; import Navbar from "./Navbar"; const EditProperty = () => { const { id } = useParams(); const dispatch = useDispatch(); const [activeTab, setActiveTab] = useState("propertydetails"); const handleContinue = () => { if (activeTab === "propertydetails") setActiveTab("Images"); if (activeTab === "Images") setActiveTab("Accounting"); }; const handleBack = () => { if (activeTab === "Images") setActiveTab("propertydetails"); if (activeTab === "Accounting") setActiveTab("Images"); }; const { selectedProperty } = useSelector((state) => state.property); const [formData, setFormData] = useState({ // propertyType: "", // yearBuild: "", // totalSqft: "", }); useEffect(() => { dispatch(fetchPropertyById(id)); }, [dispatch, id]); useEffect(() => { if (selectedProperty) { setFormData({ address:selectedProperty.address, propertyType: selectedProperty.propertyType, yearBuild: selectedProperty.yearBuild, totalSqft: selectedProperty.totalSqft, }); } }, [selectedProperty]); const handleChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e) => { e.preventDefault(); dispatch(updateProperty({ id, propertyData: formData })); }; return ( <>





{activeTab === "propertydetails" && (

Property Location


Property Address
City
State
County
Zip
Parcel
Sub division
Legal Description