modify publick curriculum

This commit is contained in:
2026-07-07 16:12:30 +09:00
parent 9a1eec48e9
commit f0df24ecaa
8 changed files with 134 additions and 38 deletions
@@ -17,21 +17,28 @@ const STAT_ICONS: Record<string, LucideIcon> = {
}
type LearningStatsCardProps = {
guideMode?: boolean
stats: LearningStatItem[]
}
export default function LearningStatsCard({ stats }: LearningStatsCardProps): React.JSX.Element {
export default function LearningStatsCard({ guideMode = false, stats }: LearningStatsCardProps): React.JSX.Element {
return (
<section className="rounded-lg border border-[#d6dce8] bg-white/95 p-4 shadow-[0_16px_36px_rgba(20,27,44,0.10)]">
<div>
<div>
<strong className="block font-bold">내 학습 현황</strong>
<span className="mt-1 block text-[12px] font-medium text-[#5f6878]">전체 진행 상황 및 통계</span>
<strong className="block font-bold">{guideMode ? '체험 강좌' : '내 학습 현황'}</strong>
<span className="mt-1 block text-[12px] font-medium text-[#5f6878]">
{guideMode ? '배정 전 사용법 안내 과정' : '전체 진행 상황 및 통계'}
</span>
</div>
</div>
<div className="mt-4 overflow-hidden rounded-lg border border-[#dfe3ed] bg-[#fbfcff] shadow-[0_10px_24px_rgba(20,27,44,0.06)]">
{stats.length ? (
{guideMode ? (
<div className="px-4 py-5 text-[12px] font-medium leading-relaxed text-[#5f6878]">
이 강좌는 Autonomy Studio LMS 사용법을 확인하기 위한 공통 안내입니다. 실제 학습 시간, 커밋 수, 제출 현황은 강사가 배정한 강좌에서부터 집계됩니다.
</div>
) : stats.length ? (
stats.map(({ value, label, iconKey }, index) => {
const Icon = STAT_ICONS[iconKey] ?? Gauge
return (