Fix Add photo button to trigger hidden file input in MapView

[roy-bme]

Motivation

• The photo action in the map edit drawer did not reliably open the file picker because the visible button/label was not programmatically wired to the hidden file input, preventing the onChange upload flow from starting.

Description

• Added fileInputRef = useRef<HTMLInputElement | null>(null) and a handleAddPhotoClick callback that logs and calls fileInputRef.current?.click() to open the picker.
• Replaced the label-wrapped <input> with an explicit clickable <button onClick={handleAddPhotoClick}> and a separate hidden <input ref={fileInputRef} type="file" ...> so the click target and input are reliably connected.
• Kept the existing onChange handler and handlePhotoUpload flow (Supabase upload → public URL → append to business.photos → UI update) unchanged.
• Included a temporary console.log("[MapView] Add photo button clicked") in the click handler to aid manual verification in the browser.

Testing

• Ran TypeScript typecheck successfully via npm run typecheck.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blackmasswebsite	Ready	Preview, Comment	May 14, 2026 6:08pm

[supabase]

This pull request has been ignored for the connected project ipqmdinidqpmchggjdov because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.