\n {user.role === 'instructor' ? 'My Courses' : 'Available Courses'}\n

\n {user.role === 'instructor' && (\n \n ➕ Create Course\n \n )}\n

\n\n {courses.length === 0 ? (\n

📚

\n {user.role === 'instructor' ? 'No courses created yet' : 'No courses available'}\n

\n {user.role === 'instructor' \n ? 'Create your first course to get started'\n : 'Check back later for new courses'\n }\n

\n ) : (\n

\n {courses.map((course) => (\n \n

\n {course.title}\n

\n {course.enrolled && (\n \n Enrolled\n \n )}\n

\n \n

\n {course.description}\n

\n \n

👨‍🏫 {course.instructor_name}

📅 Created {formatDate(course.created_at)}

\n \n

\n {user.role === 'student' && !course.enrolled ? (\n handleEnroll(course.id)}\n disabled={enrolling === course.id}\n className=\"flex-1 bg-blue-600 text-white px-4 py-2 rounded-md text-sm hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {enrolling === course.id ? (\n

\n Enrolling...\n

\n ) : (\n \"Enroll\"\n )}\n \n ) : (\n onCourseSelect(course.id)}\n className=\"flex-1 bg-gray-600 text-white px-4 py-2 rounded-md text-sm hover:bg-gray-700 transition-colors\"\n >\n {user.role === 'instructor' ? 'Manage' : 'View Course'}\n \n )}\n

\n ))}\n

\n )}\n \n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/reubenoguta_Valtown/Reuben/code/frontend/components/CourseList.tsx","extension","actionData","errors"]