1 line
27 KiB
JSON
1 line
27 KiB
JSON
|
{"ast":null,"code":"var _jsxFileName = \"D:\\\\aiproject\\\\goAgent\\\\todo\\\\client\\\\src\\\\components\\\\SuspendedTodos.js\",\n _s = $RefreshSig$();\nimport React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { parseISO } from 'date-fns';\nimport { getSuspendedTodos, resumeTodo } from '../services/api';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst SuspendedContainer = styled.div`\n width: 100%;\n`;\n_c = SuspendedContainer;\nconst SuspendedHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 30px;\n padding-bottom: 20px;\n border-bottom: 2px solid #f0f0f0;\n`;\n_c2 = SuspendedHeader;\nconst SuspendedTitle = styled.h2`\n color: #333;\n font-size: 24px;\n font-weight: 300;\n margin: 0;\n display: flex;\n align-items: center;\n gap: 12px;\n\n &::before {\n content: '⏸️';\n font-size: 28px;\n }\n`;\n_c3 = SuspendedTitle;\nconst BackButton = styled.button`\n background: transparent;\n color: #666;\n border: 2px solid #e1e5e9;\n padding: 8px 16px;\n border-radius: 8px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s ease;\n\n &:hover {\n border-color: #667eea;\n color: #667eea;\n }\n`;\n_c4 = BackButton;\nconst LoadingMessage = styled.div`\n text-align: center;\n color: #666;\n font-size: 18px;\n padding: 60px;\n`;\n_c5 = LoadingMessage;\nconst EmptyMessage = styled.div`\n text-align: center;\n color: #999;\n font-size: 18px;\n padding: 60px;\n background: rgba(255, 152, 0, 0.05);\n border-radius: 16px;\n border: 2px dashed #e1e5e9;\n`;\n_c6 = EmptyMessage;\nconst ErrorMessage = styled.div`\n color: #e74c3c;\n text-align: center;\n padding: 15px;\n font-size: 16px;\n background: rgba(231, 76, 60, 0.1);\n border-radius: 8px;\n margin-bottom: 20px;\n`;\n_c7 = ErrorMessage;\nconst SuccessMessage = styled.div`\n color: #27ae60;\n text-align: center;\n padding: 15px;\n font-size: 16px;\n background: rgba(39, 174, 96, 0.1);\n border-radius: 8px;\n margin-bottom: 20px;\n`;\n_c8 = SuccessMessage;\nconst SuspendedList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 16px;\n`;\n_c9 = SuspendedList;\nconst SuspendedItem = styled.div`\n display: flex;\n align-items: center;\n padding: 20px;\n background: rgba(255, 152, 0, 0.05);\n border: 2px solid rgba(255, 152, 0, 0.2);\n border-radius: 16px;\n transition: all 0.3s ease;\n\n &:hover {\n border-color: #ff9800;\n box-shadow: 0 6px 16px rgba(255, 152, 0, 0.15);\n transform: translateY(-2px);\n }\n`;\n_c0 = SuspendedItem;\nconst PriorityIndicator = styled.div`\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: ${props => props.color};\n margin-right: 20px;\n flex-shrink: 0;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n`;\n_c1 = PriorityIndicator;\nconst TodoContent = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 6px;\n`;\n_c10 = TodoContent;\nconst TodoTitle = styled.span`\n font-size: 17px;\n color: #333;\n font-weight: 500;\n line-height: 1.4;\n`;\n_c11 = TodoTitle;\nconst TodoMeta = styled.div`\n display: flex;\n gap: 12px;\n align-items: center;\n`;\n_c12 = TodoMeta;\nconst PriorityLabel = styled.span`\n font-size: 13px;\n color: ${props => props.color};\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n`;\n_c13 = PriorityLabel;\nconst SuspendedDate = styled.span`\n font-size: 13px;\n color: #ff9800;\n font-weight: 600;\n`;\n_c14 = SuspendedDate;\nconst ResumeButton = styled.button`\n background: #27ae60;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 8px;\n font-size: 14px;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n\n &:hover {\n background: #229954;\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);\n }\n\n &::before {\n content: '▶️';\n font-size: 12px;\n }\n`;\n_c15 = ResumeButton;\nconst priority
|