source_checkerr

frontend/src/pages/Posts.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { useNavigate } from 'react-router-dom';
 import {
   fetchPosts,
   generatePost,
@@ -10,11 +11,14 @@ import {
   clearError
 } from '../store/reducers/postsSlice';
 import { fetchAccounts } from '../store/reducers/accountsSlice';
+import { fetchSources } from '../store/reducers/sourcesSlice';
 
 const Posts = () => {
   const dispatch = useDispatch();
+  const navigate = useNavigate();
   const { items: posts, loading, error } = useSelector(state => state.posts);
   const { items: accounts } = useSelector(state => state.accounts);
+  const { items: sources } = useSelector(state => state.sources);
   
   const [selectedAccount, setSelectedAccount] = useState('');
   const [postContent, setPostContent] = useState('');
@@ -24,6 +28,7 @@ const Posts = () => {
   useEffect(() => {
     dispatch(fetchPosts());
     dispatch(fetchAccounts());
+    dispatch(fetchSources());
     dispatch(clearError());
   }, [dispatch]);
   
@@ -196,6 +201,37 @@ const Posts = () => {
           </div>
         )}
         
+        {/* Info Message when no sources */}
+        {sources.length === 0 && !loading && (
+          <div className="mb-6 sm:mb-8 animate-fade-in">
+            <div className="bg-gradient-to-r from-yellow-50 to-amber-50 border border-yellow-200 rounded-xl p-4 sm:p-6 flex items-start space-x-3 sm:space-x-4">
+              <div className="flex-shrink-0">
+                <div className="w-8 h-8 sm:w-10 sm:h-10 bg-yellow-100 rounded-lg flex items-center justify-center">
+                  <svg className="w-4 h-4 sm:w-6 sm:h-6 text-yellow-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                  </svg>
+                </div>
+              </div>
+              <div className="flex-1">
+                <h3 className="text-base sm:text-lg font-semibold text-gray-900 mb-1 sm:mb-2">No RSS Sources Found</h3>
+                <p className="text-xs sm:text-sm text-gray-700 leading-relaxed mb-3">
+                  You need to add at least one RSS source before generating posts. 
+                  RSS sources provide the content that will be used to generate your social media posts.
+                </p>
+                <button
+                  onClick={() => navigate('/sources')}
+                  className="btn btn-primary bg-gradient-to-r from-yellow-500 to-amber-600 text-white py-2 px-4 rounded-xl font-semibold hover:from-yellow-600 hover:to-amber-700 transition-all duration-300 shadow-md hover:shadow-lg flex items-center justify-center space-x-2 touch-manipulation"
+                >
+                  <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
+                  </svg>
+                  <span className="text-xs sm:text-sm">Add RSS Sources</span>
+                </button>
+              </div>
+            </div>
+          </div>
+        )}
+        
         <div className="posts-content space-y-6 sm:space-y-8">
           {/* Post Creation Section */}
           <div className="post-creation-section bg-white/90 backdrop-blur-sm rounded-2xl p-4 sm:p-6 shadow-lg border border-gray-200/30 hover:shadow-xl transition-all duration-300 animate-slide-up">
@@ -226,7 +262,7 @@ const Posts = () => {
                 <button
                   className="btn btn-primary generate-button w-full bg-gradient-to-r from-gray-900 to-gray-800 text-white py-2.5 sm:py-3 px-4 sm:px-6 rounded-xl font-semibold hover:from-gray-800 hover:to-gray-900 transition-all duration-300 shadow-lg hover:shadow-xl disabled:opacity-60 disabled:cursor-not-allowed flex items-center justify-center space-x-2 touch-manipulation active:scale-95"
                   onClick={handleGeneratePost}
-                  disabled={isGenerating}
+                  disabled={isGenerating || sources.length === 0}
                   aria-busy={isGenerating}
                 >
                   {isGenerating ? (
@@ -237,6 +273,13 @@ const Posts = () => {
                       </svg>
                       <span className="text-xs sm:text-sm">Generating (may take 2-5 minutes)...</span>
                     </>
+                  ) : sources.length === 0 ? (
+                    <>
+                      <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                      </svg>
+                      <span className="text-xs sm:text-sm">No Sources</span>
+                    </>
                   ) : (
                     <>
                       <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -246,6 +289,11 @@ const Posts = () => {
                     </>
                   )}
                 </button>
+                {sources.length === 0 && !isGenerating && (
+                  <p className="text-xs text-yellow-600 mt-2 text-center">
+                    You need to add RSS sources before generating content.
+                  </p>
+                )}
                 {isGenerating && (
                   <p className="text-xs text-gray-500 mt-2 text-center">
                     Please wait while we generate your post. This may take 2-5 minutes.
@@ -294,7 +342,7 @@ const Posts = () => {
                 <button
                   type="submit"
                   className="btn btn-primary create-button bg-gradient-to-r from-gray-900 to-gray-800 text-white py-2.5 sm:py-3 px-4 sm:px-6 rounded-xl font-semibold hover:from-gray-800 hover:to-gray-900 transition-all duration-300 shadow-lg hover:shadow-xl disabled:opacity-60 disabled:cursor-not-allowed h-fit flex items-center justify-center space-x-2 touch-manipulation active:scale-95"
-                  disabled={isCreating || !selectedAccount || !postContent.trim()}
+                  disabled={isCreating || !selectedAccount || !postContent.trim() || sources.length === 0}
                   aria-busy={isCreating}
                 >
                   {isCreating ? (
@@ -305,6 +353,13 @@ const Posts = () => {
                       </svg>
                       <span className="text-xs sm:text-sm">Publishing...</span>
                     </>
+                  ) : sources.length === 0 ? (
+                    <>
+                      <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                      </svg>
+                      <span className="text-xs sm:text-sm">No Sources</span>
+                    </>
                   ) : (
                     <>
                       <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">

frontend/src/pages/Schedule.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { useNavigate } from 'react-router-dom';
 import {
   fetchSchedules,
   createSchedule,
@@ -7,12 +8,15 @@ import {
   clearError
 } from '../store/reducers/schedulesSlice';
 import { fetchAccounts } from '../store/reducers/accountsSlice';
+import { fetchSources } from '../store/reducers/sourcesSlice';
 import { formatScheduleForDisplay } from '../utils/timezoneUtils';
 
 const Schedule = () => {
   const dispatch = useDispatch();
+  const navigate = useNavigate();
   const { items: schedules, loading, error } = useSelector(state => state.schedules);
   const { items: accounts } = useSelector(state => state.accounts);
+  const { items: sources } = useSelector(state => state.sources);
   
   const [selectedAccount, setSelectedAccount] = useState('');
   const [scheduleTime, setScheduleTime] = useState('18:00');
@@ -32,6 +36,7 @@ const Schedule = () => {
     
     dispatch(fetchSchedules());
     dispatch(fetchAccounts());
+    dispatch(fetchSources());
     dispatch(clearError());
   }, [dispatch]);
   
@@ -264,6 +269,37 @@ const Schedule = () => {
             </div>
           )}
           
+          {/* Info Message when no sources */}
+          {sources.length === 0 && !loading && (
+            <div className="mb-6 sm:mb-8 animate-fade-in">
+              <div className="bg-gradient-to-r from-yellow-50 to-amber-50 border border-yellow-200 rounded-xl p-4 sm:p-6 flex items-start space-x-3 sm:space-x-4">
+                <div className="flex-shrink-0">
+                  <div className="w-8 h-8 sm:w-10 sm:h-10 bg-yellow-100 rounded-lg flex items-center justify-center">
+                    <svg className="w-4 h-4 sm:w-6 sm:h-6 text-yellow-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                    </svg>
+                  </div>
+                </div>
+                <div className="flex-1">
+                  <h3 className="text-base sm:text-lg font-semibold text-gray-900 mb-1 sm:mb-2">No RSS Sources Found</h3>
+                  <p className="text-xs sm:text-sm text-gray-700 leading-relaxed mb-3">
+                    You need to add at least one RSS source before creating schedules. 
+                    RSS sources provide the content that will be used for your scheduled posts.
+                  </p>
+                  <button
+                    onClick={() => navigate('/sources')}
+                    className="btn btn-primary bg-gradient-to-r from-yellow-500 to-amber-600 text-white py-2 px-4 rounded-xl font-semibold hover:from-yellow-600 hover:to-amber-700 transition-all duration-300 shadow-md hover:shadow-lg flex items-center justify-center space-x-2 touch-manipulation"
+                  >
+                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 4v16m8-8H4" />
+                    </svg>
+                    <span className="text-xs sm:text-sm">Add RSS Sources</span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          )}
+          
           {/* Schedule Creation Section */}
           <div className="schedule-creation-section bg-white/90 backdrop-blur-sm rounded-2xl p-4 sm:p-6 shadow-lg border border-gray-200/30 hover:shadow-xl transition-all duration-300 animate-slide-up">
             <div className="flex items-center justify-between mb-4 sm:mb-6">
@@ -359,7 +395,7 @@ const Schedule = () => {
                 <button
                   type="submit"
                   className="btn btn-primary create-button bg-gradient-to-r from-blue-600 to-purple-600 text-white py-2.5 sm:py-3 px-6 sm:px-8 rounded-xl font-semibold hover:from-blue-700 hover:to-purple-700 transition-all duration-300 shadow-lg hover:shadow-xl disabled:opacity-60 disabled:cursor-not-allowed flex items-center justify-center space-x-2 touch-manipulation active:scale-95"
-                  disabled={isCreating || !selectedAccount || selectedDays.length === 0 || accounts.length === 0}
+                  disabled={isCreating || !selectedAccount || selectedDays.length === 0 || accounts.length === 0 || sources.length === 0}
                   aria-busy={isCreating}
                 >
                   {isCreating ? (
@@ -377,6 +413,13 @@ const Schedule = () => {
                       </svg>
                       <span className="text-xs sm:text-sm">No Accounts</span>
                     </>
+                  ) : sources.length === 0 ? (
+                    <>
+                      <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+                      </svg>
+                      <span className="text-xs sm:text-sm">No Sources</span>
+                    </>
                   ) : (
                     <>
                       <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">