\n \n

Current Cycle

\n {cycle && (\n

\n {formatCycleDate(cycle.startsAt)} — {formatCycleDate(cycle.endsAt)}\n

\n )}\n

\n \n

\n \n {topLevelTaskCount} task{topLevelTaskCount !== 1 ? 's' : ''}\n \n

\n \n

\n {tasks.length === 0 ? (\n

\n \n

No tasks in this cycle

\n ) : (\n orderedGroups.map(group => (\n

\n \n \n {group.type === 'unstarted' ? 'Todo' : group.type === 'started' ? 'In Progress' : group.type}\n \n \n {group.tasks.length}\n \n

\n \n

\n {group.tasks.map((task, index) => (\n onSelectTask(task)}\n isSelected={task.id === selectedTaskId}\n selectedTaskId={selectedTaskId}\n animationDelay={index * 30}\n onSubtaskClick={(subtask) => onSelectTask(subtask)}\n childrenByParentId={childrenByParentId}\n />\n ))}\n

\n ))\n )}\n

\n \n

\n \n Drag tasks to calendar to schedule\n

\n );\n}\n\nfunction StatusIcon({ type }: { type: string }) {\n switch (type) {\n case 'unstarted':\n return

;\n case 'started':\n return (\n

\n );\n case 'completed':\n return (\n

\n \n

\n );\n case 'canceled':\n return (\n

\n \n

\n );\n case 'backlog':\n return

;\n default:\n return

;\n }\n}\n\n\n","deleted","label",[168,169,149],"frontend","components","permalink","https://www.val.town/x/shapedlines/general-asks/code/frontend/components/TaskList.tsx","extension","actionData","errors"]