23
This commit is contained in:
@@ -208,48 +208,61 @@ export const createContentPageConfig = (
|
||||
},
|
||||
},
|
||||
{
|
||||
key: 'prompts_status',
|
||||
label: 'Prompts',
|
||||
key: 'content_status_indicators',
|
||||
label: 'Status',
|
||||
sortable: false,
|
||||
width: '110px',
|
||||
width: '100px',
|
||||
align: 'center' as const,
|
||||
render: (_value: any, row: Content) => {
|
||||
const hasPrompts = row.has_image_prompts;
|
||||
const hasPrompts = row.has_image_prompts || false;
|
||||
const hasImages = row.has_generated_images || false;
|
||||
|
||||
return (
|
||||
<Badge color={hasPrompts ? 'success' : 'warning'} size="sm" variant="light">
|
||||
{hasPrompts ? (
|
||||
<span className="flex items-center gap-1">
|
||||
<svg className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
|
||||
</svg>
|
||||
Ready
|
||||
</span>
|
||||
) : (
|
||||
'No Prompts'
|
||||
)}
|
||||
</Badge>
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
key: 'images_status',
|
||||
label: 'Images',
|
||||
sortable: false,
|
||||
width: '110px',
|
||||
render: (_value: any, row: Content) => {
|
||||
const hasImages = row.has_generated_images;
|
||||
return (
|
||||
<Badge color={hasImages ? 'success' : 'warning'} size="sm" variant="light">
|
||||
{hasImages ? (
|
||||
<span className="flex items-center gap-1">
|
||||
<svg className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
|
||||
</svg>
|
||||
Generated
|
||||
</span>
|
||||
) : (
|
||||
'No Images'
|
||||
)}
|
||||
</Badge>
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
{/* Prompts Icon */}
|
||||
<div
|
||||
className={`w-5 h-5 flex items-center justify-center flex-shrink-0 ${
|
||||
hasPrompts ? 'text-purple-500 dark:text-purple-400' : 'text-gray-300 dark:text-gray-600'
|
||||
}`}
|
||||
title={hasPrompts ? 'Prompts ready' : 'No prompts'}
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
className="w-4 h-4"
|
||||
>
|
||||
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
{/* Images Icon */}
|
||||
<div
|
||||
className={`w-5 h-5 flex items-center justify-center flex-shrink-0 ${
|
||||
hasImages ? 'text-green-500 dark:text-green-400' : 'text-gray-300 dark:text-gray-600'
|
||||
}`}
|
||||
title={hasImages ? 'Images generated' : 'No images'}
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
className="w-4 h-4"
|
||||
>
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
|
||||
<circle cx="8.5" cy="8.5" r="1.5" />
|
||||
<polyline points="21 15 16 10 5 21" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user