From ba97927b31524e3f4e2c97c42b6d13919b9a4afa Mon Sep 17 00:00:00 2001
From: Desktop <desktop@igny8.com>
Date: Wed, 12 Nov 2025 11:03:28 +0500
Subject: [PATCH] Update ContentImageCell.tsx

---
 .../components/common/ContentImageCell.tsx    | 52 +++++++++++++++++--
 1 file changed, 49 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/common/ContentImageCell.tsx b/frontend/src/components/common/ContentImageCell.tsx
index 07e55967..7a5ffaff 100644
--- a/frontend/src/components/common/ContentImageCell.tsx
+++ b/frontend/src/components/common/ContentImageCell.tsx
@@ -139,11 +139,57 @@ export default function ContentImageCell({ image, maxPromptLength = 100 }: Conte
                     View Original
                   </a>
                 )}
+                {/* Display database field values */}
+                <div className="mt-2 p-2 bg-gray-50 dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 text-xs font-mono">
+                  <div className="text-gray-600 dark:text-gray-400 mb-1">
+                    <span className="text-gray-500 dark:text-gray-500">class Images(SiteSectorBaseModel):</span>
+                  </div>
+                  <div className="ml-4 text-gray-700 dark:text-gray-300">
+                    <div className="mb-1">
+                      <span className="text-purple-600 dark:text-purple-400">image_url</span>
+                      <span className="text-gray-500 dark:text-gray-500"> = </span>
+                      <span className="text-blue-600 dark:text-blue-400 break-all">
+                        {image.image_url || <span className="text-gray-400 italic">null</span>}
+                      </span>
+                    </div>
+                    <div>
+                      <span className="text-purple-600 dark:text-purple-400">image_path</span>
+                      <span className="text-gray-500 dark:text-gray-500"> = </span>
+                      <span className="text-green-600 dark:text-green-400 break-all">
+                        {image.image_path || <span className="text-gray-400 italic">null</span>}
+                      </span>
+                    </div>
+                  </div>
+                </div>
               </>
             ) : (
-              <div className="w-full h-24 bg-gray-200 dark:bg-gray-700 rounded border-2 border-dashed border-gray-300 dark:border-gray-600 flex items-center justify-center">
-                <p className="text-xs text-gray-500 dark:text-gray-400">No image available</p>
-              </div>
+              <>
+                <div className="w-full h-24 bg-gray-200 dark:bg-gray-700 rounded border-2 border-dashed border-gray-300 dark:border-gray-600 flex items-center justify-center">
+                  <p className="text-xs text-gray-500 dark:text-gray-400">No image available</p>
+                </div>
+                {/* Display database field values even when no image available */}
+                <div className="mt-2 p-2 bg-gray-50 dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700 text-xs font-mono">
+                  <div className="text-gray-600 dark:text-gray-400 mb-1">
+                    <span className="text-gray-500 dark:text-gray-500">class Images(SiteSectorBaseModel):</span>
+                  </div>
+                  <div className="ml-4 text-gray-700 dark:text-gray-300">
+                    <div className="mb-1">
+                      <span className="text-purple-600 dark:text-purple-400">image_url</span>
+                      <span className="text-gray-500 dark:text-gray-500"> = </span>
+                      <span className="text-blue-600 dark:text-blue-400 break-all">
+                        {image.image_url || <span className="text-gray-400 italic">null</span>}
+                      </span>
+                    </div>
+                    <div>
+                      <span className="text-purple-600 dark:text-purple-400">image_path</span>
+                      <span className="text-gray-500 dark:text-gray-500"> = </span>
+                      <span className="text-green-600 dark:text-green-400 break-all">
+                        {image.image_path || <span className="text-gray-400 italic">null</span>}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </>
             )}
           </div>
         )}