1 line
7.2 KiB
JSON
1 line
7.2 KiB
JSON
|
{"ast":null,"code":"var _jsxFileName = \"D:\\\\aiproject\\\\goAgent\\\\todo\\\\client\\\\src\\\\components\\\\TodoList.js\";\nimport React from 'react';\nimport styled from 'styled-components';\nimport TodoItem from './TodoItem';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst ListContainer = styled.div`\n background: white;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n border: 1px solid #f0f0f0;\n`;\n_c = ListContainer;\nconst DateHeader = styled.div`\n display: flex;\n align-items: center;\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px solid #f8f9fa;\n`;\n_c2 = DateHeader;\nconst DateLabel = styled.h3`\n color: #333;\n font-size: 20px;\n font-weight: 600;\n margin: 0;\n margin-right: 16px;\n`;\n_c3 = DateLabel;\nconst TodoCount = styled.span`\n background: rgba(102, 126, 234, 0.1);\n color: #667eea;\n padding: 6px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 600;\n`;\n_c4 = TodoCount;\nconst TodoItems = styled.div`\n display: flex;\n flex-direction: column;\n gap: 16px;\n`;\n_c5 = TodoItems;\nfunction TodoList({\n dateLabel,\n todos,\n onToggleTodo,\n onDeleteTodo,\n onSuspendTodo,\n isHistory = false,\n isToday = false\n}) {\n const completedCount = todos.filter(todo => todo.completed).length;\n const totalCount = todos.length;\n return /*#__PURE__*/_jsxDEV(ListContainer, {\n children: [/*#__PURE__*/_jsxDEV(DateHeader, {\n children: [/*#__PURE__*/_jsxDEV(DateLabel, {\n children: dateLabel\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(TodoCount, {\n children: [completedCount, \"/\", totalCount]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TodoItems, {\n children: todos.map(todo => /*#__PURE__*/_jsxDEV(TodoItem, {\n todo: todo,\n onToggle: onToggleTodo,\n onDelete: onDeleteTodo,\n onSuspend: onSuspendTodo,\n isHistory: isHistory,\n isToday: isToday\n }, todo.id, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 11\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 5\n }, this);\n}\n_c6 = TodoList;\nexport default TodoList;\nvar _c, _c2, _c3, _c4, _c5, _c6;\n$RefreshReg$(_c, \"ListContainer\");\n$RefreshReg$(_c2, \"DateHeader\");\n$RefreshReg$(_c3, \"DateLabel\");\n$RefreshReg$(_c4, \"TodoCount\");\n$RefreshReg$(_c5, \"TodoItems\");\n$RefreshReg$(_c6, \"TodoList\");","map":{"version":3,"names":["React","styled","TodoItem","jsxDEV","_jsxDEV","ListContainer","div","_c","DateHeader","_c2","DateLabel","h3","_c3","TodoCount","span","_c4","TodoItems","_c5","TodoList","dateLabel","todos","onToggleTodo","onDeleteTodo","onSuspendTodo","isHistory","isToday","completedCount","filter","todo","completed","length","totalCount","children","fileName","_jsxFileName","lineNumber","columnNumber","map","onToggle","onDelete","onSuspend","id","_c6","$RefreshReg$"],"sources":["D:/aiproject/goAgent/todo/client/src/components/TodoList.js"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport TodoItem from './TodoItem';\r\n\r\nconst ListContainer = styled.div`\r\n background: white;\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\r\n border: 1px solid #f0f0f0;\r\n`;\r\n\r\nconst DateHeader = styled.div`\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n padding-bottom: 15px;\r\n border-bottom: 2px solid #f8f9fa;\r\n`;\r\n\r\nconst DateLabel = styled.h3`\r\n color: #333;\r\n font-size: 20px;\r\
|