import { useTranslation } from '@/hooks/use-translation'; import React from 'react'; import AppLayout from '@/layouts/app-layout'; import { Head, Link } from '@inertiajs/react'; import { BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Member Portal', href: '/member/dashboard' }, ]; interface Invoice { id: number; invoice_number: string; description: string; total_amount: number; status: string; due_date: string; created_at: string; } interface Student { id: number; first_name: string; last_name: string; email: string; classes: Array<{ id: number; class_name: string; teacher_name: string; grade: string | null; }>; } interface Yahrzeit { id: number; name: string; hebrew_name: string; relationship: string; date_of_death: string; occurrence_date: string; } interface Assignment { id: number; date: string; honor: string; } interface Event { id: number; title: string; description: string; start_date: string; end_date: string; location: string; } interface Member { id: number; first_name: string; last_name: string; email: string; } interface Props { member: Member; invoices: Invoice[]; students: Student[]; yahrzeits: Yahrzeit[]; assignments: Assignment[]; events: Event[]; isBirthday: boolean; isAnniversary: boolean; } function formatCurrency(amount: number) { return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', }).format(amount); } function formatDate(dateString: string) { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric', }); } export default function MemberDashboard({ member, invoices, students, yahrzeits, assignments, events, isBirthday, isAnniversary }: Readonly) { const { t } = useTranslation(); return (

Welcome, {member.first_name}!

{/* Birthday/Anniversary Celebration */} {(isBirthday || isAnniversary) && (
🎉
{isBirthday && (

Happy Birthday, {member.first_name}!

)} {isAnniversary && (

{t('Happy Anniversary!')}

)}

{t('Wishing you a wonderful day filled with blessings and joy!')}

)}
{/* Invoices */}

{t('My Invoices')}

View All →
{invoices.length === 0 ? (

{t('No invoices found.')}

) : (
{invoices.map((invoice) => (
#{invoice.invoice_number}
{invoice.description}
Due: {formatDate(invoice.due_date)}
{formatCurrency(invoice.total_amount)}
{invoice.status}
))}
)}
{/* Upcoming Aliyah Assignments */}

{t('My Upcoming Aliyah Assignments')}

{assignments.length === 0 ? (

{t('No upcoming assignments.')}

) : (
{assignments.map((assignment) => (
{assignment.honor === 'M' ? 'Maftir' : `Aliyah ${assignment.honor}`}
{formatDate(assignment.date)}
))}
)}
{/* Students (if parent) */} {students.length > 0 && (

{t('My Children')}

View All →
{students.map((student) => (
{student.first_name} {student.last_name}
{student.email && (
{student.email}
)} {student.classes.length > 0 && (
{t('Classes:')}
{student.classes.map((cls) => (
{cls.class_name}
Teacher: {cls.teacher_name} {cls.grade && ` • Grade: ${cls.grade}`}
))}
)}
))}
)} {/* Upcoming Yahrzeits */}

{t('Upcoming Yahrzeits')}

View All →
{yahrzeits.length === 0 ? (

{t('No upcoming yahrzeits in the next 60 days.')}

) : (
{yahrzeits.map((yahrzeit) => (
{yahrzeit.name}
{yahrzeit.hebrew_name && (
{yahrzeit.hebrew_name}
)}
{yahrzeit.relationship} • {formatDate(yahrzeit.occurrence_date)}
))}
)}
{/* Upcoming Events */}

{t('Upcoming Events')}

{events.length === 0 ? (

{t('No upcoming events.')}

) : (
{events.map((event) => (
{event.title}
{event.description && (
{event.description.substring(0, 100)} {event.description.length > 100 && '...'}
)}
📅 {formatDate(event.start_date)}
{event.location &&
📍 {event.location}
}
))}
)}
); }