From dd9f7904908e7def09e2d4514578db59e51ac87a Mon Sep 17 00:00:00 2001
From: "Akhib.Shaik" <Akhib.Shaik@SeyfertSoft.com>
Date: Fri, 14 Nov 2025 16:47:34 +0530
Subject: [PATCH] fixed qr issue in dundu branch

---
 src/pages/AssetDetail.tsx | 49 ++++++++++++++++++++++++++++++++++++---
 vite.config.ts            | 15 ++++++++++++
 2 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/src/pages/AssetDetail.tsx b/src/pages/AssetDetail.tsx
index 1a8cbf5..b09ff44 100644
--- a/src/pages/AssetDetail.tsx
+++ b/src/pages/AssetDetail.tsx
@@ -4,6 +4,12 @@ import { useAssetDetails, useAssetMutations } from '../hooks/useAsset';
 import { FaArrowLeft, FaSave, FaEdit, FaQrcode } from 'react-icons/fa';
 import type { CreateAssetData } from '../services/assetService';
 
+// Helper function to get the base URL for files
+const getFileBaseUrl = () => {
+  // Always use the full URL to avoid proxy path duplication issues
+  return import.meta.env.VITE_FRAPPE_BASE_URL || 'https://seeraasm-med.seeraarabia.com';
+};
+
 const AssetDetail: React.FC = () => {
   const { assetName } = useParams<{ assetName: string }>();
   const navigate = useNavigate();
@@ -44,6 +50,9 @@ const AssetDetail: React.FC = () => {
   // Load asset data for editing or duplicating
   useEffect(() => {
     if (asset) {
+      // Debug: Log asset data to check if name field exists
+      console.log('Asset data loaded:', asset);
+      console.log('Asset name:', asset.name);
       setFormData({
         asset_name: isDuplicating ? `${asset.asset_name} (Copy)` : (asset.asset_name || ''),
         company: asset.company || '',
@@ -829,10 +838,44 @@ const AssetDetail: React.FC = () => {
               </div>
 
               {/* QR Code */}
-              <div className="flex justify-center my-6">
-                <div className="border-2 border-gray-300 dark:border-gray-600 p-4 rounded-lg">
-                  <FaQrcode size={120} className="text-gray-400 dark:text-gray-500" />
+              <div className="flex flex-col items-center my-6">
+                <div className="border-2 border-gray-300 dark:border-gray-600 p-4 rounded-lg bg-white">
+                  {asset?.name ? (
+                    <>
+                      <img
+                        src={`${getFileBaseUrl()}/files/${asset.name}-qr.png`}
+                        alt={`QR Code for ${asset.name}`}
+                        className="w-[120px] h-[120px] object-contain"
+                        onError={(e) => {
+                          // Hide image and show fallback icon if QR code doesn't exist
+                          const target = e.target as HTMLImageElement;
+                          target.style.display = 'none';
+                          const fallback = target.nextElementSibling as HTMLElement;
+                          if (fallback) {
+                            fallback.style.display = 'flex';
+                          }
+                        }}
+                      />
+                      <div className="w-[120px] h-[120px] hidden items-center justify-center bg-gray-100 dark:bg-gray-700 rounded">
+                        <FaQrcode size={80} className="text-gray-400 dark:text-gray-500" />
+                      </div>
+                    </>
+                  ) : (
+                    <div className="w-[120px] h-[120px] flex items-center justify-center bg-gray-100 dark:bg-gray-700 rounded">
+                      <FaQrcode size={80} className="text-gray-400 dark:text-gray-500" />
+                    </div>
+                  )}
                 </div>
+                {asset?.name && (
+                  <p className="mt-2 text-xs text-gray-500 dark:text-gray-400 text-center">
+                    Asset ID: {asset.name}
+                  </p>
+                )}
+                {!asset && !loading && (
+                  <p className="mt-2 text-xs text-red-500 dark:text-red-400 text-center">
+                    Asset data not loaded
+                  </p>
+                )}
               </div>
 
               <div className="mb-4">
diff --git a/vite.config.ts b/vite.config.ts
index ff3b5e2..b73c97b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -32,6 +32,21 @@ export default defineConfig({
             proxyRes.headers['Access-Control-Allow-Headers'] = 'Content-Type, Authorization, X-Frappe-CSRF-Token';
           });
         },
+      },
+      // Proxy file requests to Frappe backend
+      '/files': {
+        target: process.env.VITE_FRAPPE_BASE_URL || 'https://seeraasm-med.seeraarabia.com',
+        changeOrigin: true,
+        secure: true,
+        // Keep the /files path as-is when forwarding to the target
+        configure: (proxy, _options) => {
+          proxy.on('proxyReq', (proxyReq, req, _res) => {
+            // Log for debugging
+            if (process.env.DEV) {
+              console.log('Proxying file request:', req.url, 'to', proxyReq.path);
+            }
+          });
+        },
       }
     }
   },