publish to wp

frontend/src/pages/Writer/Images.tsx

@@ -13,6 +13,7 @@ import {
   generateImages,
   bulkUpdateImagesStatus,
   ContentImage,
+  api,
 } from '../../services/api';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { FileIcon, DownloadIcon, BoltIcon, TaskIcon, ImageIcon, CheckCircleIcon } from '../../icons';
@@ -206,8 +207,49 @@ export default function Images() {
 
   // Bulk action handler
   const handleBulkAction = useCallback(async (action: string, ids: string[]) => {
-    toast.info(`Bulk action "${action}" for ${ids.length} items`);
-  }, [toast]);
+    if (action === 'bulk_publish_wordpress') {
+      // Filter to only publish items that have images generated and are not already published
+      const readyItems = images
+        .filter(item => ids.includes(item.content_id.toString()))
+        .filter(item => item.status === 'complete' && 
+                       (!item.wordpress_status || 
+                        (item.wordpress_status !== 'published' && item.wordpress_status !== 'publishing')));
+      
+      if (readyItems.length === 0) {
+        toast.warning('No items are ready for WordPress publishing. Items must have generated images and not already be published.');
+        return;
+      }
+      
+      try {
+        const response = await api.post('/api/wordpress/bulk-publish/', {
+          content_ids: readyItems.map(item => item.content_id.toString())
+        });
+        
+        if (response.data.success) {
+          const results = response.data.data.results;
+          const successCount = results.filter((r: any) => r.success).length;
+          const failedCount = results.filter((r: any) => !r.success).length;
+          
+          if (successCount > 0) {
+            toast.success(`Successfully published ${successCount} item(s) to WordPress`);
+          }
+          if (failedCount > 0) {
+            toast.warning(`${failedCount} item(s) failed to publish`);
+          }
+          
+          // Reload images to reflect the updated WordPress status
+          loadImages();
+        } else {
+          toast.error(`Bulk publish failed: ${response.data.message}`);
+        }
+      } catch (error: any) {
+        console.error('Bulk WordPress publish error:', error);
+        toast.error(`Failed to bulk publish to WordPress: ${error.message || 'Network error'}`);
+      }
+    } else {
+      toast.info(`Bulk action "${action}" for ${ids.length} items`);
+    }
+  }, [images, toast, loadImages]);
 
   // Row action handler
   const handleRowAction = useCallback(async (action: string, row: ContentImagesGroup) => {
@@ -215,8 +257,26 @@ export default function Images() {
       setStatusUpdateContentId(row.content_id);
       setStatusUpdateRecordName(row.content_title || `Content #${row.content_id}`);
       setIsStatusModalOpen(true);
+    } else if (action === 'publish_wordpress') {
+      // Handle WordPress publishing for individual item
+      try {
+        const response = await api.post('/api/wordpress/publish/', {
+          content_id: row.content_id.toString()
+        });
+        
+        if (response.data.success) {
+          toast.success(`Successfully published "${row.content_title}" to WordPress`);
+          // Reload images to reflect the updated WordPress status
+          loadImages();
+        } else {
+          toast.error(`Failed to publish: ${response.data.message}`);
+        }
+      } catch (error: any) {
+        console.error('WordPress publish error:', error);
+        toast.error(`Failed to publish to WordPress: ${error.message || 'Network error'}`);
+      }
     }
-  }, []);
+  }, [loadImages, toast]);
 
   // Handle status update confirmation
   const handleStatusUpdate = useCallback(async (status: string) => {