Height changed for textarea and upload area, max single file upload set to 1mb

.env

@@ -45,6 +45,9 @@ REACT_APP_FACEBOOK_CLIENT_ID=390204307987009
 REACT_APP_FACEBOOK_CLIENT_SECRET=19f778e312f2ab96d147bacb612910c2
 REACT_APP_FACEBOOK_CLIENT_SCOPE="email, public_profile"
 
+REACT_APP_MAX_FILE_SIZE=1000000
+REACT_APP_TOTAL_NUM_FILE=4
+
 
 #apigate.lotus.g1.wrenchboard.com:76.209.103.227
 #apigate.orion.g1.wrenchboard.com:76.209.103.227

.env.development

@@ -37,4 +37,7 @@ REACT_APP_ITEM_PER_PAGE=5
 REACT_APP_GOOGLE_CLIENT_ID=817021856543-ad9nsjgdpsu2s2jrl63j3ihrv7lbf6ma.apps.googleusercontent.com
 REACT_APP_GOOGLE_CLIENT_SECRET=aozK_2G8UjaCmLgPPkv9abIm
 REACT_APP_GOOGLE_CLIENT_SCOPE="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile"
-REACT_APP_GOOGLE_REDIRECT_URL=http://localhost:9082/login/auth/
+REACT_APP_GOOGLE_REDIRECT_URL=http://localhost:9082/login/auth/
+
+REACT_APP_MAX_FILE_SIZE=1000000
+REACT_APP_TOTAL_NUM_FILE=4

.env.production

@@ -37,4 +37,10 @@ REACT_APP_ITEM_PER_PAGE=5
 REACT_APP_GOOGLE_CLIENT_ID=817021856543-ad9nsjgdpsu2s2jrl63j3ihrv7lbf6ma.apps.googleusercontent.com
 REACT_APP_GOOGLE_CLIENT_SECRET=aozK_2G8UjaCmLgPPkv9abIm
 REACT_APP_GOOGLE_CLIENT_SCOPE="https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile"
-REACT_APP_GOOGLE_REDIRECT_URL=https://users.wrenchboard.com/login/auth/
+REACT_APP_GOOGLE_REDIRECT_URL=https://users.wrenchboard.com/login/auth/
+
+DISABLE_ESLINT_PLUGIN=true
+
+REACT_APP_MAX_FILE_SIZE=1000000
+REACT_APP_TOTAL_NUM_FILE=4
+

src/components/MyActiveJobs/ActiveJobs.jsx

@@ -26,8 +26,24 @@ function ActiveJobs(props) {
     setMessageToSend(value)
   }
 
-  // FUNCTION TO HANDLE FILE UplOAD CHANGE
+  // FUNCTION TO HANDLE FILE UPlOAD CHANGE
   const handleFileChange = ({target:{files}}) => {
+    setRequestStatus({loading: false, status: false, message: ''}) // State to determine error state
+    if(files[0].size > Number(process.env.REACT_APP_MAX_FILE_SIZE)){
+      setRequestStatus({loading: false, status: false, message: 'File must be <= 1mb'})
+      setTimeout(()=>{
+        setRequestStatus({loading: false, status: false, message: ''})
+      }, 5000)
+      return
+    }
+    if(filesToSend.length >= Number(process.env.REACT_APP_TOTAL_NUM_FILE)){
+      setRequestStatus({loading: false, status: false, message: `Total number of attachment is ${Number(process.env.REACT_APP_TOTAL_NUM_FILE)}`})
+      setTimeout(()=>{
+        setRequestStatus({loading: false, status: false, message: ''})
+      }, 5000)
+      return
+    }
+    // INCLUDE FILE IF NO ERROR
     setFilesToSend(prev => ([...prev, files[0]]))
   }
 
@@ -45,7 +61,6 @@ function ActiveJobs(props) {
   // FUNCTION TO REMOVE AND IMAGE
   const handleRemoveImage = (imageToDelete) => {
       setFilesToSend(prev => prev.filter(item => item.name != imageToDelete.name))
-      console.log(id)
   }
 
   // FUNCTION TO SEND TASK MESSAGE
@@ -171,8 +186,8 @@ function ActiveJobs(props) {
                   {tab == 'message' ?
                     (
                       <textarea
-                        className="p-4 w-full text-base text-slate-600 border border-slate-300 outline-none"
-                        rows="10"
+                        className="p-4 w-full h-[300px] text-base text-slate-600 border border-slate-300 outline-none"
+                        // rows="10"
                         style={{ resize: "none" }}
                         name='message'
                         onChange={handleMessageChange}
@@ -180,7 +195,7 @@ function ActiveJobs(props) {
                       />
                     )
                     :
-                    <div className="p-4 w-full text-base text-slate-600 border border-slate-300">
+                    <div className="p-4 w-full h-[300px] text-base text-slate-600 border border-slate-300">
                       <div className="files">
                         <label htmlFor="file" className="h-20 btn-gradient text-base tracking-wide px-4 py-2 rounded-full text-white cursor-pointer">Select Files to Upload</label>
                         <input type="file" id='file' style={{display: 'none'}} onChange={handleFileChange}/>