Odyssey Architecture — Studio Dashboard

set('name', e.target.value)}/> set('address', e.target.value)}/> set('clientName', e.target.value)}/> set('clientEmail', e.target.value)}/> set('clientPhone', e.target.value)}/> set('startDate', e.target.value)}/> set('targetDate', e.target.value)}/>

{PROJECT_COLORS.map(c => (

{state.staff.map(s => { const on = (draft.team||[]).includes(s.id); return ; })}

set('archicadPath', e.target.value)}/> set('dropbox', e.target.value)}/>

set('notes', e.target.value)}/></Field></div>
    </div>
  );
}

const { state } = useApp();
  const horizon = addDays(14);
  const taskItems = state.tasks
    .filter(t => t.status !== 'done' && t.due && t.due <= horizon)
    .map(t => ({ id: t.id, kind: 'Task', title: t.title, projectId: t.projectId, due: t.due }));
  const projItems = state.projects
    .filter(p => p.targetDate && p.targetDate <= horizon)
    .map(p => ({ id: p.id, kind: 'Project target', title: p.name, projectId: p.id, due: p.targetDate }));
  const all = [...taskItems, ...projItems].sort((a,b) => a.due > b.due ? 1 : -1);
  return (
    <div className="overflow-x-auto">
      {all.length === 0 ? <div className="text-xs text-muted">Nothing due in the next 14 days.</div> : (
        <table className="w-full text-sm">
          <thead><tr className="text-muted text-[11px] uppercase tracking-wider"><th className="text-left py-2">When</th><th className="text-left py-2">Type</th><th className="text-left py-2">Item</th><th className="text-left py-2">Project</th></tr></thead>
          <tbody>
            {all.map(d => {
              const proj = state.projects.find(p => p.id === d.projectId);
              return (
                <tr key={d.kind+d.id} className="border-t hairline cursor-pointer hover:bg-surface2" onClick={() => setRoute({ name: d.kind === 'Task' ? 'tasks' : 'projects', id: d.projectId })}>
                  <td className="py-2 pr-3"><Pill tone={isOverdue(d.due, '')?'danger':'muted'}>{fmtDateShort(d.due)}</Pill></td>
                  <td className="py-2 pr-3 text-xs text-muted">{d.kind}</td>
                  <td className="py-2 pr-3">{d.title}</td>
                  <td className="py-2 pr-3 text-muted text-xs">{proj?.name || '—'}</td>
                </tr>
              );
            })}
          </tbody>
        </table>
      )}
    </div>
  );
}