added icons

src/components/History/JobsCompleted.jsx

@@ -40,9 +40,6 @@ function JobsCompleted() {
         }).catch((error)=>{
             setJobHistory(prev => ({...prev, loading: false, error: true}))
         })
-        setTimeout(()=>{
-            setJobHistory(prev => ({...prev, loading: false, error:true}))
-        },3000)
     }
 
     useEffect(()=>{
@@ -51,7 +48,7 @@ function JobsCompleted() {
 
   return (
     <div className='p-4 flex flex-col justify-between min-h-[500px]'>
-    {jobHistory.loading ? 
+    {jobHistory?.loading ? 
     <LoadingSpinner size='16' color='sky-blue' height='h-[500px]' />
     : jobHistory?.data?.length ?
     <table className="wallet-activity w-full table-auto border-collapse text-left">
@@ -64,7 +61,7 @@ function JobsCompleted() {
             </tr>
         </thead>
         <tbody>
-            {currentReward.map((item, index) => {
+            {currentReward?.map((item, index) => {
                 let date = new Date(item?.delivery_date).toLocaleDateString()
                 return (
                     <tr key={index} className='dark:text-white dark:bg-dark-white border-y dark:border-[#5356fb29] hover:bg-gray-50 dark:hover:bg-gray-50 dark:hover:text-black transition-all duration-300'>
@@ -86,7 +83,7 @@ function JobsCompleted() {
             )}
         </tbody>
     </table>
-    :jobHistory.error ?
+    :jobHistory?.error ?
     <div className="p-2 text-slate-500 flex flex-col grow justify-center items-center">
         <span>Opps! an error occurred. Please try again!</span>
     </div>