frontend-refactor-1

frontend/src/pages/Writer/Content.tsx

@@ -14,13 +14,14 @@ import {
 import { optimizerApi } from '../../api/optimizer.api';
 import { useNavigate } from 'react-router';
 import { useToast } from '../../components/ui/toast/ToastContainer';
-import { FileIcon } from '../../icons';
+import { FileIcon, TaskIcon, ImageIcon, CheckCircleIcon } from '../../icons';
 import { createContentPageConfig } from '../../config/pages/content.config';
 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';
+import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
 
 export default function Content() {
   const toast = useToast();
@@ -197,12 +198,21 @@ export default function Content() {
     }
   }, [toast, progressModal, loadContent, navigate]);
 
+  // Writer navigation tabs
+  const writerTabs = [
+    { label: 'Tasks', path: '/writer/tasks', icon: <TaskIcon /> },
+    { label: 'Content', path: '/writer/content', icon: <FileIcon /> },
+    { label: 'Images', path: '/writer/images', icon: <ImageIcon /> },
+    { label: 'Published', path: '/writer/published', icon: <CheckCircleIcon /> },
+  ];
+
   return (
     <>
       <PageHeader 
         title="Content" 
         badge={{ icon: <FileIcon />, color: 'purple' }}
       />
+      <ModuleNavigationTabs tabs={writerTabs} />
       <TablePageTemplate
         columns={pageConfig.columns}
         data={content}