Add DblClick setting option

jeremiah-carlson · Sep 19, 2023 · ceae66e · ceae66e
1 parent afae8fe
commit ceae66e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/www/src/components/MainInput.jsx b/www/src/components/MainInput.jsx
@@ -12,7 +12,7 @@ const MainInput = ()=>{
     return (
         <div class="w-1/2 h-0 overflow-hidden">
             <input id="MainInput" onBlur="this.focus()" autocomplete="off" class="w-full h-16 rounded-md p-4 text-2xl" value={mainInputVal()}></input>
-            <input type='submit' hidden></input>
+            <button id="MainSubmit" type='submit' hidden></button>
         </div>
 
     );

diff --git a/www/src/components/QR.jsx b/www/src/components/QR.jsx
@@ -1,5 +1,12 @@
 import QRCode from 'qrcode';
 
+const qrClick = (data, event)=>{
+  let inp = document.querySelector("#MainInput");
+  inp.innerHTML=data;
+  inp.value = data;
+  document.querySelector("#MainSubmit").click();
+}
+
 const QR = (props)=>{
   let qrUrl = '';
 
@@ -16,7 +23,9 @@ const QR = (props)=>{
   return (
     <div class="flex flex-col justify-center align-middle">
     <h1 class="text-slate-200 text-center font-bold">{props.label}</h1>
+    <a href="#"  onDblClick={[qrClick, props.qrString]} class='z-200'>
     <div class={`${props.rounded} overflow-clip flex flex-col justify-center align-middle`} innerHTML={qrUrl}></div>
+    </a>
     </div>
   );
 };