footer fixed and other css fixed

This commit is contained in:
ayoitshasya
2025-04-03 23:24:25 +05:30
parent 4c8b0839a4
commit 8880f0bbb2
13 changed files with 317 additions and 186 deletions

View File

@@ -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>
);
};