heaeder
This commit is contained in:
@@ -390,7 +390,6 @@ export default function Clusters() {
|
|||||||
badge={{ icon: <GroupIcon />, color: 'green' }}
|
badge={{ icon: <GroupIcon />, color: 'green' }}
|
||||||
/>
|
/>
|
||||||
<TablePageTemplate
|
<TablePageTemplate
|
||||||
hideHeader={true}
|
|
||||||
columns={pageConfig.columns}
|
columns={pageConfig.columns}
|
||||||
data={clusters}
|
data={clusters}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
|||||||
@@ -300,7 +300,6 @@ export default function Ideas() {
|
|||||||
badge={{ icon: <BoltIcon />, color: 'orange' }}
|
badge={{ icon: <BoltIcon />, color: 'orange' }}
|
||||||
/>
|
/>
|
||||||
<TablePageTemplate
|
<TablePageTemplate
|
||||||
hideHeader={true}
|
|
||||||
columns={pageConfig.columns}
|
columns={pageConfig.columns}
|
||||||
data={ideas}
|
data={ideas}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
|||||||
@@ -757,7 +757,6 @@ export default function Keywords() {
|
|||||||
badge={{ icon: <ListIcon />, color: 'blue' }}
|
badge={{ icon: <ListIcon />, color: 'blue' }}
|
||||||
/>
|
/>
|
||||||
<TablePageTemplate
|
<TablePageTemplate
|
||||||
hideHeader={true}
|
|
||||||
columns={pageConfig.columns}
|
columns={pageConfig.columns}
|
||||||
data={keywords}
|
data={keywords}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
|||||||
@@ -186,7 +186,6 @@ export default function Content() {
|
|||||||
badge={{ icon: <FileIcon />, color: 'purple' }}
|
badge={{ icon: <FileIcon />, color: 'purple' }}
|
||||||
/>
|
/>
|
||||||
<TablePageTemplate
|
<TablePageTemplate
|
||||||
hideHeader={true}
|
|
||||||
columns={pageConfig.columns}
|
columns={pageConfig.columns}
|
||||||
data={content}
|
data={content}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
|||||||
@@ -390,7 +390,6 @@ export default function Images() {
|
|||||||
badge={{ icon: <FileIcon />, color: 'purple' }}
|
badge={{ icon: <FileIcon />, color: 'purple' }}
|
||||||
/>
|
/>
|
||||||
<TablePageTemplate
|
<TablePageTemplate
|
||||||
hideHeader={true}
|
|
||||||
columns={pageConfig.columns}
|
columns={pageConfig.columns}
|
||||||
data={images}
|
data={images}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
|||||||
@@ -554,7 +554,6 @@ export default function Tasks() {
|
|||||||
badge={{ icon: <TaskIcon />, color: 'indigo' }}
|
badge={{ icon: <TaskIcon />, color: 'indigo' }}
|
||||||
/>
|
/>
|
||||||
<TablePageTemplate
|
<TablePageTemplate
|
||||||
hideHeader={true}
|
|
||||||
columns={pageConfig.columns}
|
columns={pageConfig.columns}
|
||||||
data={tasks}
|
data={tasks}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
|
|||||||
@@ -38,7 +38,6 @@ import { getTableActionsConfig } from '../config/pages/table-actions.config';
|
|||||||
import BulkExportModal from '../components/common/BulkExportModal';
|
import BulkExportModal from '../components/common/BulkExportModal';
|
||||||
import BulkStatusUpdateModal from '../components/common/BulkStatusUpdateModal';
|
import BulkStatusUpdateModal from '../components/common/BulkStatusUpdateModal';
|
||||||
import { CompactPagination } from '../components/ui/pagination';
|
import { CompactPagination } from '../components/ui/pagination';
|
||||||
import SectorSelector from '../components/common/SectorSelector';
|
|
||||||
import { usePageSizeStore } from '../store/pageSizeStore';
|
import { usePageSizeStore } from '../store/pageSizeStore';
|
||||||
import ToggleTableRow, { ToggleButton } from '../components/common/ToggleTableRow';
|
import ToggleTableRow, { ToggleButton } from '../components/common/ToggleTableRow';
|
||||||
|
|
||||||
@@ -82,10 +81,6 @@ interface HeaderMetrics {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface TablePageTemplateProps {
|
interface TablePageTemplateProps {
|
||||||
title?: string; // Optional - hide if PageHeader is used
|
|
||||||
titleIcon?: ReactNode; // Icon component for title (e.g., ListIcon)
|
|
||||||
subtitle?: string; // Optional - hide if PageHeader is used
|
|
||||||
hideHeader?: boolean; // Hide the header section when PageHeader is used
|
|
||||||
columns: ColumnConfig[];
|
columns: ColumnConfig[];
|
||||||
data: any[];
|
data: any[];
|
||||||
loading?: boolean;
|
loading?: boolean;
|
||||||
@@ -138,9 +133,6 @@ interface TablePageTemplateProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default function TablePageTemplate({
|
export default function TablePageTemplate({
|
||||||
title,
|
|
||||||
titleIcon,
|
|
||||||
subtitle,
|
|
||||||
columns,
|
columns,
|
||||||
data,
|
data,
|
||||||
loading: _loading = false, // Unused - component uses showContent for loading state
|
loading: _loading = false, // Unused - component uses showContent for loading state
|
||||||
@@ -505,33 +497,6 @@ export default function TablePageTemplate({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={className}>
|
<div className={className}>
|
||||||
{/* 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>
|
|
||||||
)}
|
|
||||||
{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>
|
|
||||||
)}
|
|
||||||
|
|
||||||
{/* Filters Row - 75% centered, container inside stretched to 100% */}
|
{/* Filters Row - 75% centered, container inside stretched to 100% */}
|
||||||
{(renderFilters || filters.length > 0) && (
|
{(renderFilters || filters.length > 0) && (
|
||||||
<div className="flex justify-center mb-4">
|
<div className="flex justify-center mb-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user