\n {currentVideo ? (\n

\n {currentVideo.title}\n

\n ) : (\n

\n Select a video to begin\n

\n )}\n

\n \n

\n {course.sections.map(section => (\n

{section.title}

\n {section.videos.map(video => (\n

setCurrentVideo(video)}\n >\n {video.title}\n

\n {video.duration} mins\n {video.completed && (\n ✓\n )}\n

\n ))}\n

\n\n

\n Progress: {Math.round(progress)}%\n Course Duration: {course.duration} mins\n

\n );\n}\n\nfunction CourseCatalog() {\n const [selectedCourse, setSelectedCourse] = useState(null);\n const [filter, setFilter] = useState(null);\n\n const filteredCourses = filter \n ? mockCourses.filter(course => course.category === filter)\n : mockCourses;\n\n return (\n

\n NeuroFit Course Catalog\n

\n \n

\n {['Neural Training', 'Cognitive Performance', 'Strength'].map(category => (\n setFilter(filter === category ? null : category)}\n className={`\n px-3 py-1 rounded-full text-sm \n ${filter === category \n ? 'bg-neon-green-500 text-dark-900' \n : 'bg-dark-800 hover:bg-dark-700'\n }\n `}\n >\n {category}\n \n ))}\n

\n \n

\n {filteredCourses.map(course => (\n

setSelectedCourse(course)}\n >\n

{course.title}

{course.description}

\n \n {course.difficulty}\n \n \n ${course.price.toFixed(2)}\n \n

\n ))}\n

\n\n {selectedCourse && (\n

\n \n \n

\n )}\n

\n );\n}\n\nfunction App() {\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n NeuroFit Courses\n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}","deleted","label",[100],"permalink","https://www.val.town/x/deffgod/adventurousApricotGopher/code/main.tsx","extension","actionData","errors"]