function MainComponent() { const [profiles, setProfiles] = React.useState([]); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [loggedIn, setLoggedIn] = React.useState(false); React.useEffect(()=>{ const checkLogin = async ()=>{ const response = await fetch('/api/login/check'); if (response.ok) { setLoggedIn(true); } }; checkLogin(); fetchProfiles(); }, []); const fetchProfiles = async ()=>{ const response = await fetch("/api/profiles"); const data = await response.json(); setProfiles(data); }; const handleLogin = async (e)=>{ e.preventDefault(); const response = await fetch("/api/login", { method: "POST", headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email, password }) }); if (response.ok) { setLoggedIn(true); } }; if (!loggedIn) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-8 py-6 text-left bg-white shadow-lg", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Xアカウントでログイン"), /*#__PURE__*/ React.createElement("form", { className: "mt-4", onSubmit: handleLogin, __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "メールアドレス", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-blue-600", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "パスワード", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full px-4 py-2 mt-2 border rounded-md focus:outline-none focus:ring-blue-600", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-600 hover:underline text-sm", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "パスワードを忘れましたか？"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-6 py-2 mt-4 text-white bg-blue-600 rounded-lg hover:bg-blue-900", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "ログイン")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-10 bg-white shadow", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-roboto text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "登録されたプロフィール一覧")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-5", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, profiles.map((profile)=>/*#__PURE__*/ React.createElement("a", { href: `/profiles/${profile.id}`, key: profile.id, className: "p-4 max-w-sm mx-auto bg-white rounded-lg border border-gray-200 shadow-md", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end -mt-16", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-20 h-20 object-cover rounded-full border-2 border-[#f0f2f5]", src: profile.imageUrl, alt: `${profile.name}のプロフィール画像`, __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h5", { className: "mb-1 text-xl font-medium text-gray-900", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, profile.name), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, profile.xAccount), /*#__PURE__*/ React.createElement("p", { className: "mb-3 font-normal text-gray-700", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, profile.description), /*#__PURE__*/ React.createElement("a", { href: `mailto:${profile.xAccount}`, className: "text-white bg-blue-600 hover:bg-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "連絡する"))))); }