Crie uma interface de análise de reembolsos com abas no topo: "Pendentes", "Aprovados" e "Reprovados". > > Na aba "Pendentes", exiba uma lista de solicitações dentro de um acordeão. Cada item deve mostrar: > - Nome da Unidade > - Nome do Deal > - Data da Compra > - Valor do Deal > - Data da Solicitação > - Dias de Inadimplência > > Cada item do acordeão deve conter dois botões: "Aprovar Reembolso" e "Reprovar Reembolso". > > Ao clicar em qualquer botão, abrir um modal de confirmação: > - Se for "Aprovar", mostrar a mensagem: "O valor será devolvido para a wallet da unidade. Deseja confirmar?" > - Se for "Reprovar", mostrar: "Tem certeza que deseja reprovar este reembolso?" > > Ao aprovar ou reprovar, a solicitação deve ser movida para a aba correspondente ("Aprovados" ou "Reprovados"). > > Na aba "Aprovados" e "Reprovados", cada item deve exibir, além das informações anteriores, um registro com a foto do responsável, nome, data e hora da decisão. > > Use um estilo profissional, com cores neutras, layout responsivo, e elementos visuais modernos.
Loading...
Altere a interface atual da Central de Reembolsos para incluir duas abas no topo da tela, logo abaixo do header, com as seguintes opções:
Reembolsos de Leads
Reembolsos de Deals
A aba ativa deve exibir as colunas de reembolso correspondentes. Por padrão, a aba “Reembolsos de Leads” deve ser selecionada.
Mantenha o mesmo header atual da página, com título “Central de reembolsos”, breadcrumb (“Produtos V4 / Broker Manager / Central de reembolsos”) e campo de busca com placeholder “Busque pelo ID, nome do cliente ou nome do responsável”.
Reutilize o design system da tela atual:
Paleta de cores neutra e profissional
Tipografia consistente
Layout espaçado e leve
Componentes reutilizáveis para cards, ícones e status (ex: “Atrasado”)
Estilo responsivo para desktop e mobile
A nova aba “Reembolsos de Deals” deve exibir cards em colunas no mesmo estilo da aba de leads, com dados específicos dos deals (unidade, nome do deal, valor, parcelas, dias de inadimplência, etc.).
Mantenha a experiência do usuário fluida entre as abas. Evite recarregamento de página e preserve a identidade visual da plataforma.
Loading...
Em reembolso de deals retorno a configuração anterior com acordeons.