From 22a63a94d0b389842ababd0a5dabe6c55c05974b Mon Sep 17 00:00:00 2001
From: lukasbicus <ing.lukas.bicus@gmail.com>
Date: Thu, 31 Oct 2024 13:16:11 +0100
Subject: [PATCH] Open modal on init.

---
 app/create-card/create-card-form.tsx | 6 +++++-
 app/create-card/scanner.tsx          | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/create-card/create-card-form.tsx b/app/create-card/create-card-form.tsx
index 4c7044d..361ffc5 100644
--- a/app/create-card/create-card-form.tsx
+++ b/app/create-card/create-card-form.tsx
@@ -116,6 +116,10 @@ export default function CreateCardForm() {
     };
   }, []);
 
+  useEffect(() => {
+    cameraModalRef.current?.showModal();
+  }, []);
+
   return (
     <>
       <form
@@ -223,7 +227,7 @@ export default function CreateCardForm() {
           </button>
         </footer>
       </form>
-      <dialog id="camera-modal" className="modal" ref={cameraModalRef}>
+      <dialog className="modal" ref={cameraModalRef}>
         <div className="modal-box w-full h-full max-h-full max-w-full overflow-clip lg:w-11/12 lg:h-5/6 lg:max-w-5xl lg:max-h-5xl">
           <div className="grid justify-between items-center pb-4 grid-cols-[auto_1fr_auto] gap-4">
             <button
diff --git a/app/create-card/scanner.tsx b/app/create-card/scanner.tsx
index 06e6b87..6eeccd6 100644
--- a/app/create-card/scanner.tsx
+++ b/app/create-card/scanner.tsx
@@ -91,6 +91,7 @@ export default function Scanner({
   }, [getCameraDevices]);
 
   useEffect(() => {
+    console.log('use effect called');
     let cleanup: () => void;
     if (activeDevice?.id) {
       cleanup = startScanning(activeDevice.id);