function MainComponent() { const [selectedTab, setSelectedTab] = useState("default"); const [showApplyModal, setShowApplyModal] = useState(false); const [selectedProject, setSelectedProject] = useState(null); const [showLoginModal, setShowLoginModal] = useState(false); const [showDetailsModal, setShowDetailsModal] = useState(false); const [showMyPage, setShowMyPage] = useState(false); const [showWithdrawalHistory, setShowWithdrawalHistory] = useState(false); const [projects, setProjects] = useState([]); const [projectsLoading, setProjectsLoading] = useState(true); const [totalRevenue, setTotalRevenue] = useState(null); const [userRevenue, setUserRevenue] = useState("0"); const [userEmail, setUserEmail] = useState(null); const [withdrawalHistory, setWithdrawalHistory] = useState([]); const { data: user, loading } = useUser(); useEffect(()=>{ const fetchProjects = async ()=>{ try { const response = await fetch("/api/db/run", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `projects`", values: [] }) }); const data = await response.json(); if (data.error) { console.error("Error fetching projects:", data.error); return; } setProjects(data); const revenue = data.reduce((acc, project)=>acc + parseFloat(project.revenue.replace(/[^0-9.-]+/g, "")), 0); setTotalRevenue(revenue.toLocaleString()); } catch (error) { console.error("Error:", error); } finally{ setProjectsLoading(false); } }; const checkUser = async ()=>{ try { if (user) { const revenueResponse = await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "SELECT SUM(CAST(amount AS DECIMAL(10,2))) as total_amount FROM `revenue_history` WHERE `email` = ?", values: [ user.email ] }) }); const revenueData = await revenueResponse.json(); console.log("Revenue data:", revenueData); let totalAmount = 0; if (revenueData && revenueData[0] && revenueData[0].total_amount !== null) { totalAmount = parseFloat(revenueData[0].total_amount); } console.log("Total amount:", totalAmount); setUserRevenue(totalAmount.toLocaleString()); setUserEmail(user.email); const withdrawalResponse = await fetch("/api/db/asp-users", { method: "POST", body: JSON.stringify({ query: "SELECT amount, date FROM `revenue_history` WHERE `email` = ? AND amount IS NOT NULL ORDER BY `date` DESC", values: [ user.email ] }) }); const withdrawalData = await withdrawalResponse.json(); if (Array.isArray(withdrawalData)) { setWithdrawalHistory(withdrawalData); } else { setWithdrawalHistory([]); } } } catch (error) { console.error("User check error:", error); } }; fetchProjects(); checkUser(); }, [ user ]); const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = { name: formData.get("name"), email: formData.get("email"), videoUrl: formData.get("videoUrl"), projectTitle: selectedProject.title }; try { await fetch("/api/db/runtopasp", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `applications` (name, email, video_url, project_title) VALUES (?, ?, ?, ?)", values: [ data.name, data.email, data.videoUrl, data.projectTitle ] }) }); alert("応募が送信されました！"); setShowApplyModal(false); } catch (error) { console.error("Error storing application:", error); alert("応募の送信に失敗しました。"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] text-white font-roboto", __source: { fileName: "", lineNumber: 127, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, "RUNTOP ASP - インフルエンサーマーケティングプラットフォーム"), /*#__PURE__*/ React.createElement("meta", { name: "description", content: "RUNTOPは、インフルエンサーとブランドをつなぐマーケティングプラットフォームです。高額報酬案件の紹介や、効果的なプロモーション支援を提供しています。", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "keywords", content: "RUNTOP,ASP,インフルエンサー,マーケティング,プロモーション,収益化", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: "RUNTOP ASP - インフルエンサーマーケティングプラットフォーム", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: "RUNTOPは、インフルエンサーとブランドをつなぐマーケティングプラットフォームです。高額報酬案件の紹介や、効果的なプロモーション支援を提供しています。", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://www.runtop.cloud", __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image", content: "https://ucarecdn.com/28b46a1b-bf69-4578-8b43-71c10e8d285e/-/format/auto/", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 155, columnNumber: 7 }, __self: this }, ` window.onload = function() { gapi.load('auth2', function() { gapi.auth2.init({ client_id: 'YOUR_CLIENT_ID' }); }); } `), /*#__PURE__*/ React.createElement("script", { src: "https://apis.google.com/js/platform.js", async: true, defer: true, __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4 pb-24", __source: { fileName: "", lineNumber: 165, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/28b46a1b-bf69-4578-8b43-71c10e8d285e/-/format/auto/", alt: "EPICOLL", className: "h-8", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "bg-[#2d2d2d] px-4 py-2 rounded-full text-sm", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, "ログアウト") : /*#__PURE__*/ React.createElement("button", { className: "bg-[#5C5CFF] px-4 py-2 rounded-full text-sm", onClick: ()=>setShowLoginModal(true), __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, "ログイン")), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#2d2d2d] to-[#1f3428] rounded-xl p-4 mb-6", __source: { fileName: "", lineNumber: 188, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 189, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins text-[#FFD700] text-4xl", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins text-[#FFD700] text-4xl absolute -left-1 -top-1 opacity-50", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#FFD700] font-bold text-2xl", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, "あなたの収益"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "¥", userRevenue ? userRevenue : "0"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-2 text-sm", __source: { fileName: "", lineNumber: 201, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-[#FFD700]", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 203, columnNumber: 13 }, __self: this }, "ログイン後に金額を確認可能"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-xs", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 207, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-full text-sm ${selectedTab === "default" ? "bg-[#2d2d2d]" : "text-gray-400"}`, onClick: ()=>setSelectedTab("default"), __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sort-amount-down mr-2", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }), "デフォルト"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-full text-sm ${selectedTab === "earnings" ? "bg-[#2d2d2d]" : "text-gray-400"}`, onClick: ()=>setSelectedTab("earnings"), __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this }, "絞り込み")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 226, columnNumber: 9 }, __self: this }, projectsLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 228, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-2xl text-[#5C5CFF]", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this })) : projects.map((project)=>/*#__PURE__*/ React.createElement("div", { key: project.id, className: "bg-[#2d2d2d] rounded-xl overflow-hidden cursor-pointer", onClick: ()=>{ setSelectedProject(project); setShowDetailsModal(true); }, __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[160px] bg-[#3d3d3d] relative", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: project.image, alt: project.title, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 242, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute top-2 left-2 bg-white/20 px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }, project.status), /*#__PURE__*/ React.createElement("span", { className: "absolute top-2 right-2 bg-[#5C5CFF] px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 250, columnNumber: 19 }, __self: this }, project.price)), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 254, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-1", __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }, project.title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }, project.period), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-sm text-gray-300 mb-3", __source: { fileName: "", lineNumber: 257, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 258, columnNumber: 21 }, __self: this }, "売上: ", project.revenue), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }, "報酬: ", project.reward)), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#5C5CFF] hover:bg-[#4949cc] py-2 rounded-lg text-sm", onClick: (e)=>{ e.stopPropagation(); if (user) { setSelectedProject(project); setShowApplyModal(true); } else { setShowLoginModal(true); } }, __source: { fileName: "", lineNumber: 261, columnNumber: 19 }, __self: this }, "応募する")))))), showLoginModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 283, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 284, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 285, columnNumber: 13 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin?provider=google&callbackUrl=/dashboard", className: "w-full bg-white text-black py-2 rounded-lg text-sm flex items-center justify-center gap-2 mb-4", __source: { fileName: "", lineNumber: 286, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }), "Googleでログイン"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin?provider=google&callbackUrl=/dashboard&connect=true", className: "w-full bg-[#5C5CFF] text-white py-2 rounded-lg text-sm flex items-center justify-center gap-2 mb-4", __source: { fileName: "", lineNumber: 293, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this }), "Googleアカウントを連携"), /*#__PURE__*/ React.createElement("a", { href: "/account/settings/connections", className: "w-full bg-[#2d2d2d] text-white py-2 rounded-lg text-sm flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link", __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }), "アカウント連携設定"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLoginModal(false), className: "w-full mt-4 bg-gray-600 py-2 rounded-lg text-sm", __source: { fileName: "", lineNumber: 307, columnNumber: 13 }, __self: this }, "キャンセル"))), showDetailsModal && selectedProject && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 318, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 319, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 320, columnNumber: 13 }, __self: this }, selectedProject.title), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 321, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 323, columnNumber: 17 }, __self: this }, "募集期間"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this }, selectedProject.period)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, "報酬"), /*#__PURE__*/ React.createElement("p", { className: "text-[#5C5CFF] font-bold", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, selectedProject.reward)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, "案件詳細"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, selectedProject.details)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 pt-4", __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 bg-gray-600 py-2 rounded", onClick: ()=>setShowDetailsModal(false), __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "閉じる"), /*#__PURE__*/ React.createElement("button", { className: "flex-1 bg-[#5C5CFF] py-2 rounded", onClick: ()=>{ setShowDetailsModal(false); if (user) { setShowApplyModal(true); } else { setShowLoginModal(true); } }, __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }, "応募する"))))), showApplyModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 363, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 364, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 365, columnNumber: 13 }, __self: this }, selectedProject.title), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 366, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 368, columnNumber: 17 }, __self: this }, "お名前"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", className: "w-full bg-[#1a1a1a] rounded p-2 text-white", required: true, __source: { fileName: "", lineNumber: 369, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 376, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 377, columnNumber: 17 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "w-full bg-[#1a1a1a] rounded p-2 text-white", required: true, __source: { fileName: "", lineNumber: 378, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 385, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-2", __source: { fileName: "", lineNumber: 386, columnNumber: 17 }, __self: this }, "動画URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "videoUrl", placeholder: "YouTubeやTwitchなどの動画URLを入力", className: "w-full bg-[#1a1a1a] rounded p-2 text-white", required: true, __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 395, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "flex-1 bg-gray-600 py-2 rounded", onClick: ()=>setShowApplyModal(false), __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, "キャンセル"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-[#5C5CFF] py-2 rounded", __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, "送信する"))))), showMyPage && user && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 416, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md overflow-y-auto max-h-[90vh]", __source: { fileName: "", lineNumber: 417, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 418, columnNumber: 13 }, __self: this }, "マイページ"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 421, columnNumber: 17 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 422, columnNumber: 17 }, __self: this }, user.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 424, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 425, columnNumber: 17 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 426, columnNumber: 17 }, __self: this }, userEmail)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 428, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, "あなたの収益"), /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }, "¥", userRevenue ? userRevenue : "0")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowWithdrawalHistory(true), className: "w-full bg-[#5C5CFF] py-2 rounded mt-4 text-center block", __source: { fileName: "", lineNumber: 432, columnNumber: 15 }, __self: this }, "出金履歴を見る"), /*#__PURE__*/ React.createElement("a", { href: "https://www.runtop.cloud/bank", className: "w-full bg-[#5C5CFF] py-2 rounded mt-4 text-center block", __source: { fileName: "", lineNumber: 438, columnNumber: 15 }, __self: this }, "口座登録"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gray-600 py-2 rounded mt-4", onClick: ()=>setShowMyPage(false), __source: { fileName: "", lineNumber: 444, columnNumber: 15 }, __self: this }, "閉じる")))), showWithdrawalHistory && user && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 456, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-6 w-full max-w-md overflow-y-auto max-h-[90vh]", __source: { fileName: "", lineNumber: 457, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 458, columnNumber: 13 }, __self: this }, "出金履歴"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 459, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 460, columnNumber: 15 }, __self: this }, withdrawalHistory.length > 0 ? withdrawalHistory.map((withdrawal, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#1a1a1a] p-3 rounded-lg flex justify-between items-center", __source: { fileName: "", lineNumber: 463, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 467, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300", __source: { fileName: "", lineNumber: 468, columnNumber: 25 }, __self: this }, "申請日時:", " ", withdrawal.date ? new Date(withdrawal.date).toLocaleString("ja-JP", { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }) : "日時なし")), /*#__PURE__*/ React.createElement("div", { className: "text-right ml-4", __source: { fileName: "", lineNumber: 484, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 485, columnNumber: 25 }, __self: this }, "¥", withdrawal.amount ? parseFloat(withdrawal.amount).toLocaleString() : 0)))) : /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 495, columnNumber: 19 }, __self: this }, "出金履歴はありません")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-gray-600 py-2 rounded mt-4", onClick: ()=>setShowWithdrawalHistory(false), __source: { fileName: "", lineNumber: 498, columnNumber: 15 }, __self: this }, "閉じる")))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-[#1a1a1a] border-t border-[#2d2d2d]", __source: { fileName: "", lineNumber: 509, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around p-4", __source: { fileName: "", lineNumber: 510, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex flex-col items-center gap-1 text-[#5C5CFF]", __source: { fileName: "", lineNumber: 511, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-xl", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs", __source: { fileName: "", lineNumber: 513, columnNumber: 13 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("button", { className: "flex flex-col items-center gap-1 text-gray-400", onClick: ()=>setShowMyPage(true), __source: { fileName: "", lineNumber: 515, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-user text-xl", __source: { fileName: "", lineNumber: 519, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs", __source: { fileName: "", lineNumber: 520, columnNumber: 13 }, __self: this }, "マイページ"))))); }