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

udpdates

Browse Source
This commit is contained in:
Desktop
2025-11-12 23:04:52 +05:00
parent 3fca67858e
commit 459cabf921
11 changed files with 85 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/templates/TablePageTemplate.tsx
View File

@@ -82,9 +82,10 @@ interface HeaderMetrics {
}
interface TablePageTemplateProps {
title: string;
title?: string; // Optional - hide if PageHeader is used
titleIcon?: ReactNode; // Icon component for title (e.g., ListIcon)
subtitle?: string;
subtitle?: string; // Optional - hide if PageHeader is used
hideHeader?: boolean; // Hide the header section when PageHeader is used
columns: ColumnConfig[];
data: any[];
loading?: boolean;
@@ -504,28 +505,32 @@ export default function TablePageTemplate({
return (
<div className={className}>
{/* Page Header - Match Keywords.tsx styling */}
<div className="flex justify-between items-center mb-6 overflow-visible">
<div className="flex-1 min-w-0">
<h2 className="text-xl font-semibold text-gray-800 dark:text-white/90 flex items-center gap-2">
{titleIcon && (
<div className="flex items-center justify-center w-10 h-10 bg-blue-50 rounded-xl dark:bg-blue-500/10">
{titleIcon}
</div>
{/* Page Header - Match Keywords.tsx styling - Hide if hideHeader is true */}
{!hideHeader && (
<div className="flex justify-between items-center mb-6 overflow-visible">
<div className="flex-1 min-w-0">
{title && (
<h2 className="text-xl font-semibold text-gray-800 dark:text-white/90 flex items-center gap-2">
{titleIcon && (
<div className="flex items-center justify-center w-10 h-10 bg-blue-50 rounded-xl dark:bg-blue-500/10">
{titleIcon}
</div>
)}
{title}
</h2>
)}
{title}
</h2>
{subtitle && (
<p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
{subtitle}
</p>
)}
{subtitle && (
<p className="mt-1 text-sm text-gray-500 dark:text-gray-400">
{subtitle}
</p>
)}
</div>
{/* Sector Selector - Replaces notification card */}
<div className="flex-shrink-0 overflow-visible">
<SectorSelector />
</div>
</div>
{/* Sector Selector - Replaces notification card */}
<div className="flex-shrink-0 overflow-visible">
<SectorSelector />
</div>
</div>
)}
{/* Filters Row - 75% centered, container inside stretched to 100% */}
{(renderFilters || filters.length > 0) && (