more fixes

frontend/src/pages/Writer/Images.tsx

@@ -17,7 +17,6 @@ import {
   fetchAPI,
   deleteContent,
   bulkDeleteContent,
-  fetchContent,
 } from '../../services/api';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { FileIcon, DownloadIcon, ArrowRightIcon } from '../../icons';
@@ -27,7 +26,6 @@ import ImageQueueModal, { ImageQueueItem } from '../../components/common/ImageQu
 import SingleRecordStatusUpdateModal from '../../components/common/SingleRecordStatusUpdateModal';
 import PageHeader from '../../components/common/PageHeader';
 import { Modal } from '../../components/ui/modal';
-import StatusMetricsCard from '../../components/common/StatusMetricsCard';
 
 export default function Images() {
   const toast = useToast();
@@ -70,22 +68,6 @@ export default function Images() {
   const [isImageModalOpen, setIsImageModalOpen] = useState(false);
   const [modalImageUrl, setModalImageUrl] = useState<string | null>(null);
 
-  // Review count state
-  const [reviewCount, setReviewCount] = useState(0);
-
-  // Load review count
-  useEffect(() => {
-    const loadReviewCount = async () => {
-      try {
-        const data = await fetchContent({ status: 'review', page_size: 1 });
-        setReviewCount(data.count || 0);
-      } catch (error) {
-        console.error('Error fetching review count:', error);
-      }
-    };
-    loadReviewCount();
-  }, []);
-
   // Load images - wrapped in useCallback
   const loadImages = useCallback(async () => {
     setLoading(true);
@@ -533,24 +515,6 @@ export default function Images() {
         setCurrentPage(1);
       }}
       onRowAction={handleRowAction}
-      statusExplainer={
-        <StatusMetricsCard
-          title="Content Images"
-          color="pink"
-          icon={<PhotoIcon className="w-5 h-5" />}
-          count={totalCount}
-          subtitle="content items with images"
-          metrics={[
-            { label: 'Need Images', value: images.filter(i => i.overall_status === 'pending').length },
-            { label: 'Images Complete', value: images.filter(i => i.overall_status === 'complete').length },
-          ]}
-          reviewCount={reviewCount}
-          actionButton={{
-            label: 'Review',
-            href: '/writer/review',
-          }}
-        />
-      }
     />
       <ImageQueueModal
         isOpen={isQueueModalOpen}