// student.jsx — Student app (iOS frame contents) const { useState: useStateS, useEffect: useEffectS, useMemo: useMemoS } = React; // ─── Bottom nav ───────────────────────────────────────────── function StudentTabBar({ tab, setTab, t }) { const items = [ { id: 'home', label: t.home, icon: 'home' }, { id: 'list', label: t.myReports, icon: 'list' }, { id: 'profile', label: t.profile, icon: 'user' }, ]; return (
{items.map(it => { const active = tab === it.id; return ( ); })}
); } // ─── Home screen ──────────────────────────────────────────── function StudentHome({ t, lang, reports, user, goTo, startReport }) { const hour = new Date().getHours(); const greet = hour < 12 ? t.greetingMorning : hour < 17 ? t.greeting : t.greetingEvening; const mine = reports.filter(r => r.reporter === user.name || r.mine); const recent = mine.slice(0, 3); const resolvedCount = mine.filter(r => r.status === 'resolved').length; const inProgressCount = mine.filter(r => r.status === 'in-progress').length; return (
{/* Hero gradient header */}
{/* decorative orbs */}
Bodin plus
{t.schoolName}
{greet},
{user.name} · {user.grade}
{/* Primary action card — overlapping the hero */}
{/* Stats row */}
{/* Recent */}
goTo('list')}/>
{recent.length === 0 && (
ยังไม่มีรายการ — เริ่มจากปุ่มด้านบนได้เลย
)} {recent.map(r => ( goTo('detail', r.id)}/> ))}
); } function SectionHeader({ title, action, onAction }) { return (
{title}
{action && ( )}
); } function StatPill({ icon, label, value, tint }) { return (
{value}
{label}
); } // ─── Report row (compact card) ───────────────────────────── function ReportRow({ r, t, lang, onClick }) { const cat = CAT_BY_ID[r.category]; return ( ); } // ─── Camera screen ───────────────────────────────────────── function StudentCamera({ t, goBack, onCapture }) { const [preview, setPreview] = useStateS(null); // { file, dataUrl } const cameraRef = React.useRef(null); const galleryRef = React.useRef(null); function pick(e) { const file = e.target.files && e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = ev => setPreview({ file, dataUrl: ev.target.result }); reader.readAsDataURL(file); e.target.value = ''; } return (
{/* hidden inputs */} {/* top bar */}
{/* viewfinder */}
{!preview ? ( ) : (
)}
{/* bottom controls */}
{!preview ? ( <> galleryRef.current?.click()}/> )}
); } function CamButton({ icon, label, onClick }) { return ( ); } // ─── Form screen ───────────────────────────────────────── function StudentForm({ t, lang, photo, goBack, onSubmit }) { const [category, setCategory] = useStateS(null); const [desc, setDesc] = useStateS(''); const [location, setLocation] = useStateS(''); const canSubmit = category && desc.trim() && location.trim(); return (
{/* top bar */}
{t.addDetails}
{/* photo preview */}
{/* category */} {t.category} *
{CATEGORIES.map(c => { const active = category === c.id; return ( ); })}
{/* description */} {t.description} *