hotel-manage-stack/utilities
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow attaching a photo when adding a meter reading

Browse source
This commit is contained in:
jtricerolph 2026-07-28 22:00:02 +00:00
parent 85c843c9ef
commit b1aa3bc0c7
1 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/pages/Readings.tsx
View file

@ -15,6 +15,7 @@ export default function Readings() {
const [value, setValue] = useState('')
const [date, setDate] = useState(new Date().toISOString().slice(0, 10))
const [notes, setNotes] = useState('')
const [photo, setPhoto] = useState<File | null>(null)
const [error, setError] = useState<string | null>(null)
const [info, setInfo] = useState<string | null>(null)
const [saving, setSaving] = useState(false)
@ -43,8 +44,10 @@ export default function Readings() {
setInfo(null)
try {
const r = await api.createReading({ meter_id: Number(meterId), reading_value: parseFloat(value), reading_date: date, notes: notes || undefined })
if (photo) await api.uploadReadingPhoto(r.id, photo)
setValue('')
setNotes('')
setPhoto(null)
if (r.warning) setInfo(r.warning)
loadReadings()
loadMeters()
@ -101,6 +104,10 @@ export default function Readings() {
<label>Notes</label>
<input type="text" value={notes} onChange={e => setNotes(e.target.value)} placeholder="optional" />
</div>
<div className="field" style={{ marginBottom: 0 }}>
<label>Photo</label>
<input type="file" accept="image/*" onChange={e => setPhoto(e.target.files?.[0] || null)} style={{ fontSize: 11 }} />
</div>
<button className="btn btn-primary" onClick={submit} disabled={saving} style={{ marginBottom: 1 }}>
{saving ? 'Saving…' : 'Add reading'}
</button>