Yimaru/Yimaru-Admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show module actions on empty level rows

Browse Source 
Keep course rows visible even when module count is zero so Add Module is accessible immediately, and show a clear empty-state hint before first module creation.

Made-with: Cursor
This commit is contained in:
Yared Yemane 2026-04-07 06:39:01 -07:00
parent 6cba475145
commit 547e2c7970
1 changed files with 55 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/content-management/HumanLanguagePage.tsx
View File

@ -244,7 +244,6 @@ export function HumanLanguagePage() {
modules: levelNode?.modules ?? [], modules: levelNode?.modules ?? [],
} }
}) })
.filter((entry) => entry.modules.length > 0)
return ( return (
<Card key={level} className="overflow-hidden border-grayScale-200/80 shadow-sm"> <Card key={level} className="overflow-hidden border-grayScale-200/80 shadow-sm">
<button <button
@ -284,7 +283,10 @@ export function HumanLanguagePage() {
</Button> </Button>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
{entry.modules.map((module) => ( {entry.modules.length === 0 ? (
<p className="text-xs text-grayScale-500">No modules yet. Use “Add Module” to start.</p>
) : (
entry.modules.map((module) => (
<div key={module.id} className="rounded-lg border border-grayScale-100 bg-grayScale-50/60 p-3"> <div key={module.id} className="rounded-lg border border-grayScale-100 bg-grayScale-50/60 p-3">
<div className="flex items-center justify-between gap-2"> <div className="flex items-center justify-between gap-2">
<p className="text-sm font-semibold text-grayScale-900">Module: {module.title}</p> <p className="text-sm font-semibold text-grayScale-900">Module: {module.title}</p>
@ -335,7 +337,8 @@ export function HumanLanguagePage() {
</div> </div>
))} ))}
</div> </div>
))} ))
)}
</div> </div>
</div> </div>
)) ))