fix ui

src/components/Dashboard/Dashboard.jsx

@@ -1,22 +1,10 @@
 import { React } from 'react';
 import Layout from './Layout.jsx';
-import { AuthContext } from '../../context/AuthContext.jsx';
-import { useContext } from 'react';
+import Profile from '../Profile/Profile.jsx';
 export default function Dashboard() {
-  const { userData } = useContext(AuthContext);
-
   return (
     <Layout>
-      <div className={'prose flex flex-col mx-auto container'}>
-        <h1 className={'mt-5 mx-auto'}>Profile</h1>
-        <h2>Id: {userData.id}</h2>
-        <h2>Role: {userData.role}</h2>
-        <h2>User: {userData.name}</h2>
-        <h2>Email: {userData.email}</h2>
-        {userData.role === 'User' ? (
-          <h3>Waiting for Admin to assign you your role</h3>
-        ) : null}
-      </div>
+      <Profile />
     </Layout>
   );
 }

src/components/LeaveHistory/LeaveModify.jsx

@@ -104,8 +104,9 @@ function LeaveModify() {
         setStartDate(la.startDate);
         setEndDate(la.endDate);
         setReason(la.reason);
-        setContactInfo(la.contactInfo || ''); // For not oversea leave, contactInfo may be null
-        setIsOverseas(la.isOverseas || false);
+        setContactInfo(la.contactInfo);
+        setIsOverseas(la.overseas);
+        setWorkDissemination(la.workDissemination);
       } else {
         console.error('Error fetching leave application:', response);
       }