// Import ======================================================================================================================== import App from '@/layouts/aia/app-layout'; import SectionNavigation from '@/components/aia/section-navigation'; import PageMeta from '@/components/aia/page-meta'; import PeopleExecutiveCard from '@/components/aia/people-excutive-card'; import { Head } from '@inertiajs/react'; // Type Definitions ======================================================================================================================== type Member = { id: number; portrait: string | null; name: string; title: string; text: string; positions: string[]; member_type: 'board' | 'executive'; sort: number; status: string; created_at: string; updated_at: string; }; type ExecutiveProps = { executives: Member[]; }; // Component ======================================================================================================================== export default function Executive({ executives = [] }: ExecutiveProps) { // Helper function to get portrait URL with fallback const getPortraitUrl = (portrait: string | null): string => { if (!portrait) { return '/images/img-portrait.png'; // Default placeholder } return portrait; }; // Empty state handling if (executives.length === 0) { return ( <> Executive Team - Taiwan AI Academy } pageMeta={ } >

No executive members available at this time.

 ); } return ( <> Executive Team - Taiwan AI Academy } pageMeta={ } > {/* Executive Members Grid */}
{executives.map((executive) => ( ))}
); }