kasperj/turftracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

properties

Browse Source
This commit is contained in:
Jake Kasper
2025-08-21 14:11:28 -05:00
parent 38dd0c69de
commit ed90f614e3
1 changed files with 16 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/components/Properties/PropertyForm.js
View File

@@ -38,8 +38,7 @@ const PropertyForm = ({ onSubmit, onCancel, initialData = null }) => {
name: initialData?.name || '', name: initialData?.name || '',
address: initialData?.address || '', address: initialData?.address || '',
latitude: initialData?.latitude || '', latitude: initialData?.latitude || '',
longitude: initialData?.longitude || '', longitude: initialData?.longitude || ''
totalArea: initialData?.totalArea || ''
}); });
const [mapPosition, setMapPosition] = useState( const [mapPosition, setMapPosition] = useState(
@@ -136,8 +135,7 @@ const PropertyForm = ({ onSubmit, onCancel, initialData = null }) => {
const propertyData = { const propertyData = {
...formData, ...formData,
latitude: markerPosition ? markerPosition[0] : (formData.latitude ? parseFloat(formData.latitude) : null), latitude: markerPosition ? markerPosition[0] : (formData.latitude ? parseFloat(formData.latitude) : null),
longitude: markerPosition ? markerPosition[1] : (formData.longitude ? parseFloat(formData.longitude) : null), longitude: markerPosition ? markerPosition[1] : (formData.longitude ? parseFloat(formData.longitude) : null)
totalArea: formData.totalArea ? parseFloat(formData.totalArea) : null
}; };
try { try {
@@ -154,30 +152,16 @@ const PropertyForm = ({ onSubmit, onCancel, initialData = null }) => {
</h3> </h3>
<form onSubmit={handleSubmit} className="space-y-6"> <form onSubmit={handleSubmit} className="space-y-6">
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div>
<div> <label className="label">Property Name *</label>
<label className="label">Property Name *</label> <input
<input type="text"
type="text" required
required className="input"
className="input" value={formData.name}
value={formData.name} onChange={(e) => setFormData({ ...formData, name: e.target.value })}
onChange={(e) => setFormData({ ...formData, name: e.target.value })} placeholder="e.g., Main Lawn, Front Yard"
placeholder="e.g., Main Lawn, Front Yard" />
/>
</div>
<div>
<label className="label">Total Area (sq ft)</label>
<input
type="number"
step="any"
className="input"
value={formData.totalArea}
onChange={(e) => setFormData({ ...formData, totalArea: e.target.value })}
placeholder="5000"
/>
</div>
</div> </div>
{/* Address Autocomplete */} {/* Address Autocomplete */}
@@ -258,12 +242,13 @@ const PropertyForm = ({ onSubmit, onCancel, initialData = null }) => {
<div style={{ height: '400px', width: '100%' }}> <div style={{ height: '400px', width: '100%' }}>
<MapContainer <MapContainer
center={mapPosition} center={mapPosition}
zoom={16} zoom={18}
style={{ height: '100%', width: '100%' }} style={{ height: '100%', width: '100%' }}
> >
{/* Esri Satellite Imagery */}
<TileLayer <TileLayer
attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' attribution='&copy; <a href="https://www.esri.com/">Esri</a> &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" url="https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}"
/> />
<LocationMarker <LocationMarker
position={markerPosition} position={markerPosition}