import React from 'react'; import { useAppStore } from '../../store'; import './Panel.css'; export const Panel: React.FC = () => { const { panelVisible, tasks } = useAppStore(); if (!panelVisible) { return null; } const recentTasks = tasks.slice(-10).reverse(); return (
Tasks
Output
Sync Log
{recentTasks.length === 0 ? (
No recent tasks
) : (
{recentTasks.map(task => (
{task.status === 'running' && } {task.status === 'completed' && } {task.status === 'failed' && } {task.status === 'pending' && }
{task.message}
{task.status === 'running' && (
)}
{task.status === 'running' && ( )}
))}
)}
); };