miaaurl/student-web-if-development-kit
0
0
Fork 0
forked from izu/student-web-if-development-kit
Code Pull Requests Activity

fixing data fetching from external API, spesifically in achievement and projects categories and name of team member

Browse Source
This commit is contained in:
BobbyAndrean
2026-06-04 15:47:47 +07:00
parent b8099c1dca
commit b5fba9238e
8 changed files with 195 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/ACAAB/src/components/ProjectModal.tsx
+36 -8
View File
@@ -56,12 +56,14 @@ export default function ProjectModal({ project, onClose }: ProjectModalProps) {
</button>
{/* Category badge */}
{project.category && (
<div className="absolute bottom-4 left-4">
<span className="bg-primary-gold text-slate-900 text-xs font-bold px-3 py-1.5 rounded flex items-center gap-1.5 uppercase tracking-wide">
<Tag size={12} />
{project.category}
</span>
{project.category && project.category.length > 0 && (
<div className="absolute bottom-4 left-4 flex flex-wrap gap-2">
{project.category.map((cat, i) => (
<span key={i} className="bg-primary-gold text-slate-900 text-xs font-bold px-3 py-1.5 rounded flex items-center gap-1.5 uppercase tracking-wide">
<Tag size={12} />
{cat}
</span>
))}
</div>
)}
</div>
@@ -81,15 +83,41 @@ export default function ProjectModal({ project, onClose }: ProjectModalProps) {
{project.year && (
<InfoRow icon={<Calendar size={14} />} label={t.modal.tahun} value={String(project.year)} />
)}
{project.category && (
<InfoRow icon={<Tag size={14} />} label={t.modal.bidang} value={project.category} />
{project.category && project.category.length > 0 && (
<InfoRow icon={<Tag size={14} />} label={t.modal.bidang} value={project.category.join(', ')} />
)}
</div>
{/* Members list */}
{project.members && project.members.length > 0 && (
<div className="border-t border-slate-100 pt-4 mb-4">
<p className="text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-2">Anggota Tim</p>
<ul className="grid grid-cols-1 sm:grid-cols-2 gap-2">
{project.members.map((m, i) => (
<li key={i} className="flex items-center gap-2 bg-slate-50 px-3 py-2 rounded-md border border-slate-100">
<span className="w-6 h-6 rounded-full bg-primary-gold/20 text-primary-gold flex items-center justify-center text-xs font-bold shrink-0">
{m.nama.charAt(0).toUpperCase()}
</span>
<div className="flex flex-col">
<span className="text-sm font-semibold text-slate-700 leading-none">{m.nama}</span>
{m.nim && <span className="text-[10px] text-slate-500 mt-1">{m.nim}</span>}
</div>
</li>
))}
</ul>
</div>
)}
{/* Description */}
<div className="border-t border-slate-100 pt-4 mb-5">
<p className="text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-2">{t.modal.deskripsi}</p>
<p className="text-slate-600 text-sm leading-relaxed">{project.description}</p>
{project.catatan && (
<div className="mt-4 p-3 bg-blue-50/50 border border-blue-100 rounded-lg">
<p className="text-[10px] font-bold uppercase tracking-wider text-blue-400 mb-1">Catatan Tambahan</p>
<p className="text-sm text-slate-600 italic">{project.catatan}</p>
</div>
)}
</div>
{/* Project link */}