Add validation check for file upload before sending email

Author: ShraddhaShahari

src/components/Announcements/index.jsx

@@ -16,6 +16,7 @@ function Announcements({ title, email }) {
   const [emailSubject, setEmailSubject] = useState('');
   const [testEmail, setTestEmail] = useState('');
   const [showEditor, setShowEditor] = useState(true); // State to control rendering of the editor
+  const [isFileUploaded, setIsFileUploaded] = useState(false);
 
   useEffect(() => {
     // Toggle the showEditor state to force re-render when dark mode changes
@@ -120,6 +121,8 @@ function Announcements({ title, email }) {
 
   const addImageToEmailContent = e => {
     const imageFile = document.querySelector('input[type="file"]').files[0];
+    setIsFileUploaded(true);
+
     convertImageToBase64(imageFile, base64Image => {
       const imageTag = `<img src="${base64Image}" alt="Header Image" style="width: 100%; max-width: 100%; height: auto;">`;
       setHeaderContent(prevContent => `${imageTag}${prevContent}`);
@@ -146,6 +149,11 @@ function Announcements({ title, email }) {
       return;
     }
 
+    if (!isFileUploaded) {
+      toast.error('Error: Please upload a file.');
+      return;
+    }
+
     const invalidEmails = emailList.filter(email => !validateEmail(email.trim()));
 
     if (invalidEmails.length > 0) {
@@ -240,7 +248,7 @@ function Announcements({ title, email }) {
           </label>
           <input
             type="file"
-            id="upload-header-input"
+            id="upload-header-input" 
             onChange={addImageToEmailContent}
             className="input-file-upload"
           />