From 40e76a89721be7225143b5126638c8943cda5cf4 Mon Sep 17 00:00:00 2001
From: Vincent <dagreatcode@gmail.com>
Date: Sat, 29 Nov 2025 10:06:31 -0500
Subject: [PATCH 1/2] qr code needs to show up

---
 client/src/containers/User/UserDash/Dash.tsx | 23 ++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/client/src/containers/User/UserDash/Dash.tsx b/client/src/containers/User/UserDash/Dash.tsx
index b8a345b..e79c377 100644
--- a/client/src/containers/User/UserDash/Dash.tsx
+++ b/client/src/containers/User/UserDash/Dash.tsx
@@ -571,6 +571,10 @@ interface UserData {
   email: string;
   phoneNumber?: string;
   address?: string;
+  qrCode?: string;
+  qrCodeId?: string;
+  qrData?: string;
+  qrPNG?: string;
   loadStatus?: string;
   availableFrom?: string;
   userType?: string;
@@ -622,6 +626,10 @@ const Dash: React.FC = () => {
     email,
     phoneNumber,
     address,
+      qrCode,
+  qrCodeId,
+  qrData,
+  qrPNG,
     loadStatus,
     availableFrom,
     userType,
@@ -674,12 +682,23 @@ const Dash: React.FC = () => {
           <div className="info-card">
             <strong>Address:</strong> {address || "Not provided"}
           </div>
+          <div className="info-card">
+            <strong>QR Code:</strong> {qrCode || "N/A"}
+          </div>
+          <div className="info-card">
+            <strong>QR Code ID:</strong> {qrCodeId || "N/A"}
+          </div>
+          <div className="info-card">
+            <strong>QR Data:</strong> {qrData || "N/A"}
+          </div>
+          <div className="info-card">
+            <strong>QR PNG:</strong> {qrPNG || "N/A"}
+          </div>
           <div className="info-card">
             <strong>Status:</strong> {loadStatus || "N/A"}
           </div>
           <div className="info-card">
-            <strong>Customer Since:</strong>{" "}
-            {availableFrom ? new Date(availableFrom).toLocaleDateString() : "N/A"}
+            <strong>Customer Since:</strong> {availableFrom ? new Date(availableFrom).toLocaleDateString() : "N/A"}
           </div>
           <div className="info-card">
             <strong>Type of Owner:</strong> {userType || "N/A"}

From 4626763c2b6d0c3c724f45ce0e0f8b0eced6527b Mon Sep 17 00:00:00 2001
From: Vincent <dagreatcode@gmail.com>
Date: Sat, 29 Nov 2025 10:17:54 -0500
Subject: [PATCH 2/2] looking for QR code

---
 client/src/containers/User/UserDash/Dash.tsx | 32 +++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/client/src/containers/User/UserDash/Dash.tsx b/client/src/containers/User/UserDash/Dash.tsx
index e79c377..b68fec4 100644
--- a/client/src/containers/User/UserDash/Dash.tsx
+++ b/client/src/containers/User/UserDash/Dash.tsx
@@ -626,10 +626,10 @@ const Dash: React.FC = () => {
     email,
     phoneNumber,
     address,
-      qrCode,
-  qrCodeId,
-  qrData,
-  qrPNG,
+    qrCode,
+    qrCodeId,
+    qrData,
+    qrPNG,
     loadStatus,
     availableFrom,
     userType,
@@ -694,6 +694,30 @@ const Dash: React.FC = () => {
           <div className="info-card">
             <strong>QR PNG:</strong> {qrPNG || "N/A"}
           </div>
+          {/* QR Code Card */}
+          <div className="card" style={{ padding: "20px", textAlign: "center" }}>
+            <h3>Your QR Code</h3>
+
+            {qrPNG ? (
+              <img
+                src={qrPNG}
+                alt="QR Code"
+                style={{
+                  width: "200px",
+                  height: "200px",
+                  objectFit: "contain",
+                  marginTop: "15px",
+                  borderRadius: "12px",
+                  border: "1px solid #eee",
+                  padding: "10px",
+                  background: "#fff",
+                }}
+              />
+            ) : (
+              <p style={{ marginTop: "10px", color: "#888" }}>No QR code available</p>
+            )}
+          </div>
+
           <div className="info-card">
             <strong>Status:</strong> {loadStatus || "N/A"}
           </div>