From b6dd29161dae8bedecf67ffe3d07514907f6ce22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1s=20Lopes?= <1211289@isep.ipp.pt>
Date: Mon, 25 Nov 2024 22:35:04 +0000
Subject: [PATCH] fix: fixed action qr code

---
 next.config.js                                |  2 +-
 src/app/(admin)/actions/page.tsx              | 28 +++++++++++--------
 .../Action/ActionQrCodeData/index.tsx         |  2 +-
 .../QRCode/QRCodeTab/ScanTab/index.tsx        |  9 +++++-
 4 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/next.config.js b/next.config.js
index 57b6581..2b16e10 100644
--- a/next.config.js
+++ b/next.config.js
@@ -4,7 +4,7 @@ const nextConfig = {
     remotePatterns: [
       {
         protocol: "https",
-        hostname: "*.storage.googleapis.com",
+        hostname: "*.storage.googleapis.com/**",
       },
       {
         protocol: "https",
diff --git a/src/app/(admin)/actions/page.tsx b/src/app/(admin)/actions/page.tsx
index f376b6c..2fc429f 100644
--- a/src/app/(admin)/actions/page.tsx
+++ b/src/app/(admin)/actions/page.tsx
@@ -18,12 +18,12 @@ const actions: React.FC = async () => {
         <table className="w-full table-auto border-collapse overflow-x-scroll">
           <thead className="bg-gray-200 text-sm uppercase text-gray-700">
             <tr>
-              <th className="px-2 py-3 text-left">Name</th>
-              <th className="px-2 py-3 text-left">Points</th>
-              <th className="px-2 py-3 text-left">Alt Text</th>
-              <th className="px-2 py-3 text-left">Live</th>
-              <th className="px-2 py-3 text-left">Visible</th>
-              <th className="px-2 py-3 text-left">Action</th>
+              <th className="px-2 py-3 text-left md:px-6">Name</th>
+              <th className="px-2 py-3 text-left md:px-6">Points</th>
+              <th className="px-2 py-3 text-left md:px-6">Alt Text</th>
+              <th className="px-2 py-3 text-left md:px-6">Live</th>
+              <th className="px-2 py-3 text-left md:px-6">Visible</th>
+              <th className="px-2 py-3 text-left md:px-6">Action</th>
             </tr>
           </thead>
           <tbody className="text-base text-gray-600">
@@ -32,12 +32,16 @@ const actions: React.FC = async () => {
                 key={action.id}
                 className="border-b transition-colors hover:bg-gray-100"
               >
-                <td className="px-2 py-4">{action.name}</td>
-                <td className="px-2 py-4">{action.points}</td>
-                <td className="px-2 py-4">{action.altText || "N/A"}</td>
-                <td className="px-2 py-4">{action.isLive ? "Yes" : "No"}</td>
-                <td className="px-2 py-4">{action.isVisible ? "Yes" : "No"}</td>
-                <td className="px-2 py-4">
+                <td className="px-2 py-4 md:px-6">{action.name}</td>
+                <td className="px-2 py-4 md:px-6">{action.points}</td>
+                <td className="px-2 py-4 md:px-6">{action.altText || "N/A"}</td>
+                <td className="px-2 py-4 md:px-6">
+                  {action.isLive ? "Yes" : "No"}
+                </td>
+                <td className="px-2 py-4 md:px-6">
+                  {action.isVisible ? "Yes" : "No"}
+                </td>
+                <td className="px-2 py-4 md:px-6">
                   <Link
                     href={`/actions/${action.id}`}
                     className="text-blue-500 hover:underline"
diff --git a/src/components/Action/ActionQrCodeData/index.tsx b/src/components/Action/ActionQrCodeData/index.tsx
index bea5221..8890951 100644
--- a/src/components/Action/ActionQrCodeData/index.tsx
+++ b/src/components/Action/ActionQrCodeData/index.tsx
@@ -33,7 +33,7 @@ const ActionQrCodeData: React.FC<ActionQrCodeDataProps> = ({ id }) => {
   }, [id]);
 
   return (
-    <div>
+    <div className="bg-white p-2">
       {qrCodeData && (
         <QRCode
           size={innerWidth ? Math.min(innerWidth / 2, 520) : 320}
diff --git a/src/components/QRCode/QRCodeTab/ScanTab/index.tsx b/src/components/QRCode/QRCodeTab/ScanTab/index.tsx
index 8dffed6..033c55f 100644
--- a/src/components/QRCode/QRCodeTab/ScanTab/index.tsx
+++ b/src/components/QRCode/QRCodeTab/ScanTab/index.tsx
@@ -27,11 +27,18 @@ const ScanTab: React.FC<ScanTabProps> = ({ setHidden }) => {
   async function handleActionScan(data: string) {
     const actionId = data.split("-")[1];
 
-    await fetch(BASE_URL + `/actions/${actionId}`, {
+    const res = await fetch(BASE_URL + `/actions/${actionId}`, {
       method: "POST",
       body: JSON.stringify({ data }),
     });
 
+    if (!res.ok) {
+      swal("Erro", "Ocorreu um erro a dar scan no QR Code da ação...", "error");
+      return;
+    }
+
+    swal("Sucesso", "Os teus pontos foram adicionados com sucesso!", "success");
+
     setHidden(true);
     setProcessing(false);
   }