function MainComponent() { const [memos, setMemos] = React.useState([]); const [content, setContent] = React.useState(''); const [editIndex, setEditIndex] = React.useState(null); const [remindTodos, setRemindTodos] = React.useState([]); const [todos, setTodos] = React.useState([]); const [completedTodos, setCompletedTodos] = React.useState([]); React.useEffect(()=>{ const interval = setInterval(()=>{ const todoMemos = memos.filter((memo)=>memo.content.toLowerCase().includes('todo') && !todos.some((todo)=>todo.title === memo.title)); if (todoMemos.length > 0) { setRemindTodos([ ...todoMemos ]); setTodos([ ...todos, ...todoMemos ]); } }, 10000); return ()=>clearInterval(interval); }, [ memos, todos ]); const handleContentChange = (event)=>{ setContent(event.target.value); }; const handleSubmit = ()=>{ if (content) { const today = new Date(); const formattedDate = `${today.getFullYear()}年${today.getMonth() + 1}月${today.getDate()}日`; const title = `${formattedDate} 第${editIndex !== null ? memos[editIndex].title.split(' ')[1] : memos.length + 1}メモ`; const memo = { title, content, isTodo: content.toLowerCase().includes('todo') }; if (editIndex !== null) { const updatedMemos = [ ...memos ]; updatedMemos[editIndex] = memo; setMemos(updatedMemos); setEditIndex(null); } else { setMemos([ ...memos, memo ]); } setContent(''); } }; const handleEdit = (index)=>{ setContent(memos[index].content); setEditIndex(index); }; const handleDelete = (index)=>{ const newMemos = [ ...memos ]; newMemos.splice(index, 1); setMemos(newMemos); }; const handleTodoComplete = (index)=>{ const completedTodo = todos[index]; setTodos(todos.filter((_, i)=>i !== index)); setCompletedTodos([ ...completedTodos, completedTodo ]); }; const handleTodoDelete = (index)=>{ const newTodos = [ ...todos ]; newTodos.splice(index, 1); setTodos(newTodos); }; const handleRemoveReminder = (index)=>{ setRemindTodos((prev)=>prev.filter((_, remindIndex)=>remindIndex !== index)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] p-4", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } `), /*#__PURE__*/ React.createElement("h1", { className: "text-center font-poppins text-[#64FFDA] text-3xl mb-8", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, "Memory"), /*#__PURE__*/ React.createElement("form", { className: "max-w-[600px] m-auto bg-[#2A2A2A] shadow-lg p-6 rounded-lg", onSubmit: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "memoContent", className: "block font-poppins text-[#64FFDA] mb-3", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "内容"), /*#__PURE__*/ React.createElement("textarea", { name: "content", id: "memoContent", className: "border border-[#64FFDA] w-full p-3 font-poppins bg-[#1E293B] text-[#EDEDED]", rows: "5", placeholder: "内容を入力してください", value: content, onChange: handleContentChange, __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-[#7F5AF0] hover:bg-[#6246EA] text-[#EDEDED] px-5 py-2 rounded font-poppins transition-colors duration-200", onClick: handleSubmit, __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, editIndex !== null ? '更新' : '保存'))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 max-w-[600px] m-auto", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-poppins text-[#64FFDA] mb-6", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "メモ一覧"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, memos.map((memo, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-4 p-4 border border-[#64FFDA] bg-[#2A2A2A] font-poppins flex justify-between items-start rounded-lg", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#64FFDA] mb-2", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, memo.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#EDEDED]", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, memo.content)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#7F5AF0] hover:bg-[#6246EA] text-[#EDEDED] px-2 py-1 rounded font-poppins transition-colors duration-200", onClick: ()=>handleEdit(index), __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 hover:bg-red-700 text-[#EDEDED] px-2 py-1 rounded font-poppins transition-colors duration-200", onClick: ()=>handleDelete(index), __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "削除")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-poppins text-[#FFC857] mb-6", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, "TODOリスト"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, todos.map((todo, index)=>/*#__PURE__*/ React.createElement("li", { key: `todo-${index}`, className: "mb-4 p-4 border border-[#FFC857] bg-[#393E41] font-poppins rounded-lg text-[#EDEDED] flex justify-between items-start", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, todo.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, todo.content)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 hover:bg-green-700 text-[#EDEDED] px-2 py-1 rounded font-poppins transition-colors duration-200", onClick: ()=>handleTodoComplete(index), __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, "完了"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 hover:bg-red-700 text-[#EDEDED] px-2 py-1 rounded font-poppins transition-colors duration-200", onClick: ()=>handleTodoDelete(index), __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "削除")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-poppins text-[#B8F2E6] mb-6", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "完了済みのTODOリスト"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, completedTodos.map((completedTodo, index)=>/*#__PURE__*/ React.createElement("li", { key: `completed-todo-${index}`, className: "mb-4 p-4 border border-[#B8F2E6] bg-[#2A2A2A] font-poppins rounded-lg text-[#EDEDED] flex justify-between items-center", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, completedTodo.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, completedTodo.content)), /*#__PURE__*/ React.createElement("div", { className: "text-green-500", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4", style: { animation: 'fadeIn 1s' }, __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, remindTodos.map((todo, index)=>/*#__PURE__*/ React.createElement("div", { key: `remind-${index}`, className: "mb-2 p-3 bg-[#FAF9F6] rounded-lg shadow-lg text-sm", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "float-right bg-red-500 hover:bg-red-700 text-white px-1 py-0 rounded-full text-xs", onClick: ()=>handleRemoveReminder(index), __source: { fileName: "", lineNumber: 140, columnNumber: 13 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("h4", { className: "font-poppins text-[#393E41]", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "リマインド: ", todo.title), /*#__PURE__*/ React.createElement("p", { className: "font-poppins text-[#393E41]", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, todo.content)))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 w-full text-center py-2 bg-[#2A2A2A] text-[#EDEDED] font-poppins text-xs", __source: { fileName: "", lineNumber: 146, columnNumber: 7 }, __self: this }, "TODOリスト追加基準: 'todo'を含むメモ")); }