footer fixed and other css fixed
This commit is contained in:
@@ -50,36 +50,42 @@ const CourseTable = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div style={{
|
||||
display:"flex",
|
||||
flexDirection:"column",
|
||||
minHeight: "100vh"
|
||||
}}>
|
||||
|
||||
{/* Pass setCourses to FilterPage so it can update the course list */}
|
||||
<FilterPage setCourses={setCourses} />
|
||||
<table className="course-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>CourseID</th>
|
||||
<th>Course Name</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{courses.length > 0 ? (
|
||||
courses.map((course) => (
|
||||
<tr key={course.courseId} onClick={() => handleRowClick(course)}>
|
||||
<td>{course.courseId}</td>
|
||||
<td>{course.name}</td>
|
||||
<td>{getStatus(course.courseId)}</td>
|
||||
<div style={{flexGrow:1}}>
|
||||
<FilterPage setCourses={setCourses} />
|
||||
<table className="course-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>CourseID</th>
|
||||
<th>Course Name</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
))
|
||||
) : (
|
||||
<tr>
|
||||
<td colSpan="3">No courses available</td>
|
||||
</tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</thead>
|
||||
<tbody>
|
||||
{courses.length > 0 ? (
|
||||
courses.map((course) => (
|
||||
<tr key={course.courseId} onClick={() => handleRowClick(course)}>
|
||||
<td>{course.courseId}</td>
|
||||
<td>{course.name}</td>
|
||||
<td>{getStatus(course.courseId)}</td>
|
||||
</tr>
|
||||
))
|
||||
) : (
|
||||
<tr>
|
||||
<td colSpan="3">No courses available</td>
|
||||
</tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<Footer/>
|
||||
</>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user