Fix : Event scanbarcode

src/app_modules/admin/event/table_status/table_publish.tsx

@@ -50,20 +50,20 @@ function TableStatus({ listPublish }: { listPublish: any }) {
   const [eventId, setEventId] = useState("");
   const [loading, setLoading] = useState(false);
 
-   const [origin, setOrigin] = useState("");
+  const [origin, setOrigin] = useState("");
 
-   useShallowEffect(() => {
-     onLoadOrigin(setOrigin);
-     // if (typeof window !== "undefined") {
-     //   setOrigin(window.location.origin);
-     // }
-   }, [setOrigin]);
+  useShallowEffect(() => {
+    if (typeof window !== "undefined") {
+      console.log(window.location.origin);
+      setOrigin(window.location.origin);
+    }
+  }, [setOrigin]);
 
-   async function onLoadOrigin(setOrigin: any) {
-     const res = await fetch("/api/origin-url");
-     const result = await res.json();
-     setOrigin(result.origin);
-   }
+  //  async function onLoadOrigin(setOrigin: any) {
+  //    const res = await fetch("/api/origin-url");
+  //    const result = await res.json();
+  //    setOrigin(result.origin);
+  //  }
 
   async function onSearch(s: string) {
     setSearch(s);
@@ -97,11 +97,38 @@ function TableStatus({ listPublish }: { listPublish: any }) {
         <td>
           <Center w={200}>
             <QRCode
+              id={e.id}
               style={{ height: 70, width: 70 }}
               value={`${origin}/dev/event/konfirmasi/${e.id}`}
             />
           </Center>
-        </td> 
+        </td>
+        <td>
+          <Center w={200}>
+            <input
+              type="button"
+              value="Download QR"
+              onClick={() => {
+                const svg: any = document.getElementById(e.id);
+                const svgData = new XMLSerializer().serializeToString(svg);
+                const canvas = document.createElement("canvas");
+                const ctx: any = canvas.getContext("2d");
+                const img = new Image();
+                img.onload = () => {
+                  canvas.width = img.width;
+                  canvas.height = img.height;
+                  ctx.drawImage(img, 0, 0);
+                  const pngFile = canvas.toDataURL("image/png");
+                  const downloadLink = document.createElement("a");
+                  downloadLink.download = `QRCode ${e.title}`;
+                  downloadLink.href = `${pngFile}`;
+                  downloadLink.click();
+                };
+                img.src = `data:image/svg+xml;base64,${btoa(svgData)}`;
+              }}
+            />
+          </Center>
+        </td>
         <td>
           <Center w={200}>
             <Text>{e?.Author?.username}</Text>
@@ -225,6 +252,9 @@ function TableStatus({ listPublish }: { listPublish: any }) {
                   <th>
                     <Center>QR Code</Center>
                   </th>
+                  <th>
+                    <Center>Download QR</Center>
+                  </th>
 
                   <th>
                     <Center>Username</Center>

src/app_modules/event/_ui/konfirmasi.tsx

@@ -30,14 +30,6 @@ export default function Ui_Konfirmasi({
   const [isLoading, setLoading] = useState(false);
   const [isPresent, setIsPresent] = useState<boolean | null>(null);
 
-  //   useShallowEffect(() => {
-  //     onLoadData({
-  //       onPublish(val) {
-  //         setData(val);
-  //       },
-  //     });
-  //   }, [setData]);
-
   useShallowEffect(() => {
     onLoadKehadiran({
       onChange(val) {
@@ -51,12 +43,12 @@ export default function Ui_Konfirmasi({
   }: {
     onChange: (val: boolean) => void;
   }) {
-    const checkKehadiran = await event_funCheckKehadiran({
-      eventId: dataEvent.id,
-      userId: userLoginId as string,
-    });
+    const res = await fetch(
+      `/api/event/check-kehadiran?userId=${userLoginId}&eventId=${dataEvent.id}`
+    );
+    const checkKehadiran = await res.json();
 
-    onChange(checkKehadiran);
+    onChange(checkKehadiran.res);
   }
   async function onUpdateKonfirmasi() {
     setLoading(true);
@@ -74,6 +66,7 @@ export default function Ui_Konfirmasi({
     }
   }
 
+  console.log(isPresent, "isPresent");
 
   return (
     <>

src/app_modules/event/main/beranda.tsx

@@ -20,7 +20,7 @@ export default function Event_Beranda({
 }: {
   dataEvent: MODEL_EVENT[];
 }) {
-  const [data, setData] = useState(dataEvent);
+  const [data, setData] = useState<MODEL_EVENT[] >([]);
   const [activePage, setActivePage] = useState(1);
   const [isLoading, setIsLoading] = useState(false);
 
@@ -76,8 +76,6 @@ export default function Event_Beranda({
                       setData(val);
                     },
                   });
-
-                  
                 }}
               >
                 Update beranda