function AdminButton({ onSubmit }) { const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); const handleSubmit = (e)=>{ e.preventDefault(); onSubmit({ username, password }); }; return /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 w-full max-w-xs", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2 font-crimson-text", htmlFor: "username", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "ユーザ名"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "username", name: "username", type: "text", placeholder: "ユーザ名", value: username, onChange: (e)=>setUsername(e.target.value), __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2 font-crimson-text", htmlFor: "password", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", id: "password", name: "password", type: "password", placeholder: "パスワード", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline font-crimson-text", type: "submit", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "確定"))); } function AdminButtonStory() { const handleSubmit = ({ username, password })=>{ fetch('/api/db/552', { method: 'POST', body: JSON.stringify({ query: 'SELECT id FROM `admins`', values: [] }) }).then((res)=>res.json()).then((data)=>{ if (data.length === 0) { fetch('/api/db/552', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `admins` (username, password) VALUES (?, ?)", values: [ username, password ] }) }).then((response)=>response.json()).then((data)=>console.log(data)).catch((error)=>console.error('Error:', error)); } else { fetch('/api/db/552', { method: 'POST', body: JSON.stringify({ query: "UPDATE `admins` SET `username` = ?, `password` = ? WHERE `id` = ?", values: [ username, password, data[0].id ] }) }).then((response)=>response.json()).then((data)=>console.log(data)).catch((error)=>console.error('Error:', error)); } }).catch((error)=>console.error('Error:', error)); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs mx-auto", __source: { fileName: "", lineNumber: 91, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AdminButton, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleSubmit = ({ username, password })=>{ fetch('/api/db/552', { method: 'POST', body: JSON.stringify({ query: 'SELECT id FROM `admins`', values: [] }) }).then((res)=>res.json()).then((data)=>{ if (data.length === 0) { fetch('/api/db/552', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `admins` (username, password) VALUES (?, ?)", values: [ username, password ] }) }).then((response)=>response.json()).then((data)=>console.log(data)).catch((error)=>console.error('Error:', error)); } else { fetch('/api/db/552', { method: 'POST', body: JSON.stringify({ query: "UPDATE `admins` SET `username` = ?, `password` = ? WHERE `id` = ?", values: [ username, password, data[0].id ] }) }).then((response)=>response.json()).then((data)=>console.log(data)).catch((error)=>console.error('Error:', error)); } }).catch((error)=>console.error('Error:', error)); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xs mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AdminButton, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this })); }