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:11:07 +05:00
parent ba97927b31
commit 021e2d1e20
1 changed files with 25 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -139,58 +139,34 @@ 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>
{/* 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 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>
)}
{/* Always display database field values below image/placeholder */}
<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>
)}