From 81c994c8be2e18b0af6f9fce346e83358113e7cf Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Mon, 3 Mar 2025 20:19:55 +0100
Subject: [PATCH] Link to photo page from selector

---
 showbits-thermal-printer-ui/public/photo.html            | 2 +-
 showbits-thermal-printer-ui/src/components/CSelector.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/showbits-thermal-printer-ui/public/photo.html b/showbits-thermal-printer-ui/public/photo.html
index 160a750..17af1b7 100644
--- a/showbits-thermal-printer-ui/public/photo.html
+++ b/showbits-thermal-printer-ui/public/photo.html
@@ -139,7 +139,7 @@
           form.append("image", blob);
           form.append("caption", new Date().toLocaleString());
 
-          fetch("image", { method: "POST", body: form }).catch((error) => {
+          fetch("/api/image", { method: "POST", body: form }).catch((error) => {
             console.error("Error uploading image:", error);
           });
         });
diff --git a/showbits-thermal-printer-ui/src/components/CSelector.vue b/showbits-thermal-printer-ui/src/components/CSelector.vue
index 9d2faa2..52ec65c 100644
--- a/showbits-thermal-printer-ui/src/components/CSelector.vue
+++ b/showbits-thermal-printer-ui/src/components/CSelector.vue
@@ -34,6 +34,7 @@ const mode = ref<
         <button @click="mode = 'image'">Image</button>
         <button @click="mode = 'text'">Text</button>
         <button @click="mode = 'tictactoe'">Tic Tac Toe</button>
+        <a href="/photo.html">Take a photo</a>
       </div>
     </section>
   </div>
@@ -75,6 +76,7 @@ p {
 .list {
   display: flex;
   flex-wrap: wrap;
+  align-items: baseline;
   gap: 1ch;
 }
 </style>