import React, { useState } from 'react'; import { CheckSquare, Timer, List, Calendar, Target, Clock } from 'lucide-react'; const ProductivityApp = () => { const [view, setView] = useState('triage'); const [tasks, setTasks] = useState({ critical: ['Demanda X - Vence mañana', 'Respuesta recurso - 2 días'], important: ['Preparar alegatos caso Y', 'Diplomado - tarea sábado'], routine: ['Revisar expedientes', 'Actualizar base datos'], business: ['Contactar 3 referidos', 'Actualizar LinkedIn'], backlog: ['Organizar archivo', 'Leer jurisprudencia'] }); const [newTask, setNewTask] = useState(''); const [selectedCategory, setSelectedCategory] = useState('critical'); const addTask = () => { if (newTask.trim()) { setTasks(prev => ({ ...prev, [selectedCategory]: [...prev[selectedCategory], newTask] })); setNewTask(''); } }; const removeTask = (category, index) => { setTasks(prev => ({ ...prev, [category]: prev[category].filter((_, i) => i !== index) })); }; const categories = { critical: { title: 'CRÍTICO (0-3 días)', color: 'bg-red-100 border-red-300', icon: '🚨' }, important: { title: 'IMPORTANTE (1-2 sem)', color: 'bg-orange-100 border-orange-300', icon: '⚡' }, routine: { title: 'RUTINA (flexible)', color: 'bg-blue-100 border-blue-300', icon: '📋' }, business: { title: 'DESARROLLO NEGOCIO', color: 'bg-green-100 border-green-300', icon: '💼' }, backlog: { title: 'BACKLOG', color: 'bg-gray-100 border-gray-300', icon: '📚' } }; const schedule = [ { day: 'Lun', am: 'Casos críticos', pm: 'Casos importantes', night: 'Admin' }, { day: 'Mar', am: 'Trabajo legal', pm: 'Desarrollo negocio', night: '🚴♂️' }, { day: 'Mié', am: 'Casos críticos', pm: 'Casos importantes', night: '🚴♂️' }, { day: 'Jue', am: 'Trabajo legal', pm: 'Desarrollo negocio', night: '🚴♂️' }, { day: 'Vie', am: 'Casos críticos', pm: 'Revisión semanal', night: 'Libre' }, { day: 'Sáb', am: '🎓 Diplomado', pm: '', night: '' }, { day: 'Dom', am: '🚴♂️ Largo', pm: 'Familia', night: 'Prep semana' } ]; return (
Sistema Legal Híbrido
setView('triage')} className={`px-4 py-2 rounded ${view === 'triage' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`} > 📋 Triage Diario
setView('schedule')} className={`px-4 py-2 rounded ${view === 'schedule' ? 'bg-blue-500 text-white' : 'bg-gray-200'}`} > 📅 Horario Semanal
{view === 'triage' && (
🎯 Añadir Nueva Tarea
setNewTask(e.target.value)} placeholder="Escribe tu tarea..." className="flex-1 p-2 border rounded" onKeyPress={(e) => e.key === 'Enter' && addTask()} />
setSelectedCategory(e.target.value)} className="p-2 border rounded" > {Object.entries(categories).map(([key, cat]) => (
{cat.icon} {cat.title}
))}
+
{Object.entries(categories).map(([key, category]) => (
{category.icon} {category.title}
{tasks[key].map((task, index) => (
{task}
removeTask(key, index)} className="text-red-500 hover:text-red-700 font-bold" > ×
))} {tasks[key].length === 0 && (
Sin tareas
)}
))}
)} {view === 'schedule' && (
📅 Tu Semana Ideal
{schedule.map((day, index) => (
{day.day}
AM:
{day.am}
PM:
{day.pm}
Noche:
{day.night}
))}
💡 Plan de Rescate
1.
HOY:
4h para demandas pendientes
2.
Diario:
15 min triage matutino
3.
Mar/Jue PM:
Desarrollo negocio
4.
Ciclismo:
Mar/Mié/Jue + Dom
💼 Desarrollo Negocio
Martes:
Contactos y networking
Jueves:
Seguimiento y contenido
• 3-5 contactos por sesión
• LinkedIn + referidos
)}
); }; export default ProductivityApp;