salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ContentImageCell.tsx

Browse Source
This commit is contained in:
Desktop
2025-11-12 11:03:28 +05:00
parent f90979a2b0
commit ba97927b31
1 changed files with 49 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/components/common/ContentImageCell.tsx
View File

@@ -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>
)}