From 6c29307e4e69a7b5c0ef9e0e4269fb1519e4e0e0 Mon Sep 17 00:00:00 2001
From: Sharon Stratsianis <sstratsianis@gmail.com>
Date: Thu, 16 Apr 2026 20:58:32 +1000
Subject: [PATCH 1/2] show buttons for taking photo etc

---
 src/media/media-capture.ts | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/media/media-capture.ts b/src/media/media-capture.ts
index 192e083ff..823e44ba0 100644
--- a/src/media/media-capture.ts
+++ b/src/media/media-capture.ts
@@ -40,6 +40,10 @@ export function cameraCaptureControl (
   const div = dom.createElement('div')
   let destination, imageBlob, player, canvas
 
+  const setButtonVisible = (button: HTMLElement, visible: boolean) => {
+    button.style.display = visible ? 'inline-flex' : 'none'
+  }
+
   const table = div.appendChild(dom.createElement('table'))
   const mainTR = table.appendChild(dom.createElement('tr'))
   const main = mainTR.appendChild(dom.createElement('td'))
@@ -61,7 +65,8 @@ export function cameraCaptureControl (
   retakeButton.addEventListener('click', _event => {
     retake()
   })
-  retakeButton.style.visibility = 'collapse' // Hide for now
+  retakeButton.textContent = 'Retake'
+  setButtonVisible(retakeButton, false)
 
   const shutterButton = buttons
     .appendChild(dom.createElement('td')) // Trigger capture button
@@ -69,7 +74,8 @@ export function cameraCaptureControl (
       widgets.button(dom, icons.iconBase + 'noun_10636.svg', 'Snap')
     )
   shutterButton.addEventListener('click', grabCanvas)
-  shutterButton.style.visibility = 'collapse' // Hide for now
+  shutterButton.textContent = 'Take Photo'
+  setButtonVisible(shutterButton, false)
 
   const sendButton = buttons
     .appendChild(dom.createElement('td')) // Confirm and save button
@@ -77,7 +83,8 @@ export function cameraCaptureControl (
   sendButton.addEventListener('click', _event => {
     saveBlob(imageBlob, destination)
   })
-  sendButton.style.visibility = 'collapse' // Hide for now
+  sendButton.textContent = 'Use Photo'
+  setButtonVisible(sendButton, false)
 
   function displayPlayer () {
     player = main.appendChild(dom.createElement('video'))
@@ -89,9 +96,12 @@ export function cameraCaptureControl (
     }
     navigator.mediaDevices.getUserMedia(constraints).then(stream => {
       player.srcObject = stream
-      shutterButton.style.visibility = 'visible' // Enable
-      sendButton.style.visibility = 'collapse'
-      retakeButton.style.visibility = 'collapse'
+         setButtonVisible(shutterButton, true)
+      setButtonVisible(sendButton, false)
+      setButtonVisible(retakeButton, false)
+    }).catch(err => {
+      console.error('Unable to start camera preview', err)
+      doneCallback(null)
     })
   }
 
@@ -128,9 +138,9 @@ export function cameraCaptureControl (
   }
 
   function reviewImage () {
-    sendButton.style.visibility = 'visible'
-    retakeButton.style.visibility = 'visible'
-    shutterButton.style.visibility = 'collapse' // Hide for now
+    setButtonVisible(sendButton, true)
+    setButtonVisible(retakeButton, true)
+    setButtonVisible(shutterButton, false)
   }
 
   function stopVideo () {

From 3c88b8a8a5ba8e3f22fa51e80dcf1b6e55da3965 Mon Sep 17 00:00:00 2001
From: Timea <4144203+timea-solid@users.noreply.github.com>
Date: Sun, 19 Apr 2026 10:31:53 +0200
Subject: [PATCH 2/2] Update src/media/media-capture.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 src/media/media-capture.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/media/media-capture.ts b/src/media/media-capture.ts
index 823e44ba0..5429002a1 100644
--- a/src/media/media-capture.ts
+++ b/src/media/media-capture.ts
@@ -96,7 +96,7 @@ export function cameraCaptureControl (
     }
     navigator.mediaDevices.getUserMedia(constraints).then(stream => {
       player.srcObject = stream
-         setButtonVisible(shutterButton, true)
+      setButtonVisible(shutterButton, true)
       setButtonVisible(sendButton, false)
       setButtonVisible(retakeButton, false)
     }).catch(err => {