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

stadardize site slector sector selctor

Browse Source
This commit is contained in:
Desktop
2025-11-12 22:55:51 +05:00
parent 1042734278
commit 3fca67858e
12 changed files with 140 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/Writer/Content.tsx
View File

@@ -18,6 +18,7 @@ import { useSectorStore } from '../../store/sectorStore';
import { usePageSizeStore } from '../../store/pageSizeStore';
import ProgressModal from '../../components/common/ProgressModal';
import { useProgressModal } from '../../hooks/useProgressModal';
import PageHeader from '../../components/common/PageHeader';
export default function Content() {
const toast = useToast();
@@ -180,6 +181,7 @@ export default function Content() {
return (
<>
<PageHeader title="Content" />
<TablePageTemplate
title="Content"
titleIcon={<FileIcon className="text-brand-500 size-5" />}

51
frontend/src/pages/Writer/Dashboard.tsx
View File

@@ -26,7 +26,7 @@ import {
} from "../../services/api";
import { useSiteStore } from "../../store/siteStore";
import { useSectorStore } from "../../store/sectorStore";
import SiteAndSectorSelector from "../../components/common/SiteAndSectorSelector";
import PageHeader from "../../components/common/PageHeader";
interface WriterStats {
tasks: {
@@ -547,49 +547,12 @@ export default function WriterDashboard() {
<div className="space-y-5 sm:space-y-6">
{/* Header with site/sector info and controls */}
<div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
<div className="flex-1">
<h2 className="text-2xl font-bold text-gray-800 dark:text-white/90">Writer Dashboard</h2>
<div className="flex items-center gap-3 mt-1">
<p className="text-sm text-gray-500 dark:text-gray-400">
Last updated: {lastUpdated.toLocaleTimeString()}
</p>
{activeSite && (
<>
<span className="text-sm text-gray-400 dark:text-gray-600">•</span>
<p className="text-sm font-medium text-gray-700 dark:text-gray-300">
Site: <span className="text-brand-600 dark:text-brand-400">{activeSite.name}</span>
</p>
</>
)}
{activeSector && (
<>
<span className="text-sm text-gray-400 dark:text-gray-600">•</span>
<p className="text-sm font-medium text-gray-700 dark:text-gray-300">
Sector: <span className="text-brand-600 dark:text-brand-400">{activeSector.name}</span>
</p>
</>
)}
{!activeSector && (
<>
<span className="text-sm text-gray-400 dark:text-gray-600">•</span>
<p className="text-sm font-medium text-gray-700 dark:text-gray-300">
Sector: <span className="text-brand-600 dark:text-brand-400">All Sectors</span>
</p>
</>
)}
</div>
</div>
<div className="flex items-center gap-3">
<SiteAndSectorSelector />
<button
onClick={fetchDashboardData}
className="px-4 py-2 text-sm font-medium text-brand-500 hover:text-brand-600 border border-brand-200 rounded-lg hover:bg-brand-50 dark:border-brand-800 dark:hover:bg-brand-500/10 transition-colors"
>
Refresh
</button>
</div>
</div>
<PageHeader
title="Writer Dashboard"
lastUpdated={lastUpdated}
showRefresh={true}
onRefresh={fetchDashboardData}
/>
{/* Hero Section - Key Metric */}
<div className="rounded-2xl border border-gray-200 bg-gradient-to-br from-brand-50 to-white dark:from-brand-500/10 dark:to-gray-800/50 dark:border-gray-800 p-6 md:p-8">

8
frontend/src/pages/Writer/Images.tsx
View File

@@ -19,6 +19,7 @@ import { createImagesPageConfig } from '../../config/pages/images.config';
import ImageQueueModal, { ImageQueueItem } from '../../components/common/ImageQueueModal';
import SingleRecordStatusUpdateModal from '../../components/common/SingleRecordStatusUpdateModal';
import { useResourceDebug } from '../../hooks/useResourceDebug';
import PageHeader from '../../components/common/PageHeader';
export default function Images() {
const toast = useToast();
@@ -89,7 +90,7 @@ export default function Images() {
setLoading(true);
setShowContent(false);
try {
const data: ContentImagesResponse = await fetchContentImages();
const data: ContentImagesResponse = await fetchContentImages({});
let filteredResults = data.results || [];
// Client-side search filter
@@ -384,8 +385,9 @@ export default function Images() {
return (
<>
<TablePageTemplate
title="Content Images"
<PageHeader title="Content Images" />
<TablePageTemplate
title="Content Images"
titleIcon={<FileIcon className="text-purple-500 size-5" />}
subtitle="Manage images for content articles"
columns={pageConfig.columns}

12
frontend/src/pages/Writer/Tasks.tsx
View File

@@ -34,6 +34,7 @@ import { KanbanBoard, TaskList, Task as KanbanTask } from '../../components/task
import WorkflowPipeline, { WorkflowStep } from '../../components/dashboard/WorkflowPipeline';
import ComponentCard from '../../components/common/ComponentCard';
import { useNavigate } from 'react-router';
import PageHeader from '../../components/common/PageHeader';
export default function Tasks() {
const navigate = useNavigate();
@@ -698,16 +699,7 @@ export default function Tasks() {
{/* View Toggle - Only show for Kanban/List views */}
{currentView !== 'table' && (
<div className="mb-4 flex items-center justify-between">
<div className="flex items-center gap-4">
<h1 className="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
<TaskIcon className="text-brand-500 size-6" />
Tasks
</h1>
<p className="text-sm text-gray-500 dark:text-gray-400 hidden sm:block">
Manage content generation queue and tasks
</p>
</div>
<div className="mb-4 flex items-center justify-end">
<ViewToggle currentView={currentView} onViewChange={setCurrentView} />
</div>
)}