Learning Concepts

\n \n {/* Search input */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full p-2 border border-gray-300 rounded\"\n />\n

\n \n {/* Subject selector */}\n

\n {subjects.map(subject => (\n setSelectedSubject(subject)}\n className={`px-3 py-1 rounded text-sm ${\n selectedSubject === subject \n ? 'bg-blue-500 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {subject}\n \n ))}\n

\n \n {/* Concepts list */}\n

\n {loading ? (\n

Loading concepts...

\n ) : error ? (\n

{error}

\n ) : filteredConcepts.length === 0 ? (\n

\n {searchTerm \n ? \"No concepts match your search\" \n : \"No concepts available for this subject\"}\n

\n ) : (\n

\n onSelectConcept(concept)}\n className=\"w-full text-left p-4 focus:outline-none\"\n >\n
{concept.title}
\n
{concept.description}
\n
\n \n {concept.difficulty}\n \n
\n \n

\n )}\n

\n );\n};\n\nexport default ConceptList;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Dark_Guy_Dami/Edu_bot/code/frontend/components/ConceptList.tsx","extension","actionData","errors"]

Learning Concepts

{concept.title}