import { Head, Link } from '@inertiajs/react'; import { ArrowRight, CheckCheck, ChevronDown, ClipboardList, Clock3, Plus, Wallet, } from 'lucide-react'; import { useState } from 'react'; import { Button } from '@/components/ui/button'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; const href = (screen: string) => screen.startsWith('?') ? `/consulta${screen}` : `/consulta/${screen}`; const requests = [ { number: 'REQ-DEMO-024', description: 'Material de escritório', department: 'Administração', amount: '24 500,00 MT', status: 'Em aprovação', }, { number: 'REQ-DEMO-023', description: 'Peças para manutenção', department: 'Produção', amount: '86 200,00 MT', status: 'Aprovada', }, { number: 'REQ-DEMO-022', description: 'Consumíveis de limpeza', department: 'Operações', amount: '12 800,00 MT', status: 'Rascunho', }, ]; export default function PrincipalProposal() { const [filter, setFilter] = useState('Todos os estados'); const visible = requests.filter( (request) => filter === 'Todos os estados' || request.status === filter, ); return ( <>

O seu espaço de trabalho

As compras, numa só vista.

Veja o que precisa da sua atenção e avance para a próxima tarefa.

{[ { label: 'Requisições', value: '24', detail: 'Pedidos neste exemplo', icon: ClipboardList, }, { label: 'Em aprovação', value: '6', detail: '2 aguardam a sua decisão', icon: Clock3, }, { label: 'Aprovadas', value: '15', detail: 'Com circuito concluído', icon: CheckCheck, }, { label: 'Valor aprovado', value: '428 500 MT', detail: 'Estimativa de demonstração, com IVA', icon: Wallet, }, ].map((card) => (
{card.label}

{card.value}

{card.detail}

))}

Requisições recentes

Exemplos para avaliar a organização do ecrã

{[ 'Todos os estados', 'Em aprovação', 'Aprovada', 'Rascunho', ].map((status) => ( setFilter(status) } > {status} {filter === status && ( )} ))}
{visible.map((request) => (

{request.number}

{request.description}

{request.department}

{request.amount}

{request.status}
))}
Ver todas as requisições
); }