import { useState, useEffect } from 'react' import { Link } from 'react-router-dom' import { api } from '../../api/client' function MenuCard({ menu }) { return (
{menu.image_url ? ( {menu.title} ) : ( menu.icon || '📋' )}

{menu.title}

{menu.description}

→
) } function AddCard({ to, icon, label }) { return (
{icon}
{label} ) } export default function AdminHome() { const [menus, setMenus] = useState([]) const [loading, setLoading] = useState(true) useEffect(() => { // TODO: 백엔드 구현 후 실제 API 호출 api('/api/admin/menus') .then(setMenus) .catch(() => setMenus([])) .finally(() => setLoading(false)) }, []) return (
{/* 메뉴 섹션 */}

기능 관리

메뉴 항목을 추가하거나 관리합니다

{loading ? ( Array.from({ length: 3 }).map((_, i) => (
)) ) : ( <> {menus.map((menu) => ( ))} )}
{/* 자원 관리 섹션 */}

자원 관리

공용 이미지 등 사이트 자원을 관리합니다

🖼️

이미지 관리

공용 이미지 업로드 및 관리

→
) }