---
# System prepended metadata

title: Tareas broker center semana 22-03 30-03

---

# Tareas broker center semana 22-03 30-03

## Marketplace 
- [x] Darle los estilos a la card de broker y agregarle un parametro extra
- [x] Hacer nueva estructura del marketplace. Rutas por filesystem
- [x] Implementar Search y Filtros por tab de asset
    - [x] Corregir colores de filtros (select fields ) para el componente
    - [x] Corregir colores de navegacion marketplace `AssetFilter `

- [x] Implementar nuevo ordenador para proyectos
- [x] Corregir el estilo de la navegación a tabs
- [x] Darle estilos al header (Tabs, botón de filtros, buscador + tooltip modal score)
- [x] Implementar badge de cuota mensual
 ![](https://i.imgur.com/dssPiic.png)
 - [x] api/summary/ 
 ```
 {
    "apartment": 62,
    "parking_lot_and_store": 1,
    "terrain": 55
}
```
 - [x] Mostrar badge últimas unidades EN EL LISTADO cuando el endpoint de listado tenga available_units < 20.
 - [x] Mostrar badge últimas unidades EN EL DETALLE cuando el endpoint de fianacial_configs.length < 20.


## Detalle de proyecto
- [x] Refactor card resumen proyecto `DetailBrokerProjectHeader`[Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-66442&t=fZINwzXLGp7rAfmF-0)
- [x] Crear componente `BrokerInvestmentSummary`[Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-66442&t=0OyLZSmGAkF7CUED-0)
- [x] Estilo nuevo del breadcrum
- [x] Estilo tabs

### Tab Todas las Unidades
- [x] Crear componente `BrokerApartmentTable` [Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-66442&t=0OyLZSmGAkF7CUED-0)
- [x] Crear componente `BrokerApartmentOfferSelector` (Distinto del actual `ApartmentOfferSelector (versión investor)`)
- [x] Crear Filtros de Tipología, Piso y Orientación e implementar en `BrokerApartmentOfferSelector`
    - [ ] Implementar filtros
### Tab Cotizar y Reservar  
- [x] Refactor componente `AssignClient` a [Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-67020&t=0OyLZSmGAkF7CUED-0)
- [x]  Refactor componente `InvestmentSummarySection` para que reciba un parametro `display: left | right`. Valor por defecto = `right`. Ocupar `left` en broker center y hacer dispatch.
- [x] Crear componente `PaymentConfigSection` y `PaymentConfigForm` [Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-67020&t=0OyLZSmGAkF7CUED-0)
- [ ] Agregar el porcentage al `BillBuilder` para los items a pagar [Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-67020&t=0OyLZSmGAkF7CUED-0)
- [x] Refactor componente `MortgageCalculator`. Sacar del render los título y subtítulo. Dejar afuera desde la llamada. Renderear `MortgageCalculator` en el tab cotizar y reservar.
- [x] Crear nuevo render para promociones del proyecto
- [ ] Agrupar por una llave las filas de la tabla. Hacer otro director 
- [x] Corregir estilos de los botones ExtraOffers
- [x] Corregir el ícono de seleccionar otra unidad
- [ ] Tooltips

### Tab Información del proyecto
- [ ] Nueva UI [Figma](https://www.figma.com/file/bBYGyv08w1Uz1A5F9Zno9M/Grouu-MVP's-UI-Kit?node-id=3161-71501&t=0OyLZSmGAkF7CUED-0)

## Navbar nuevo 
- [x] Render distinto
- [x] Se va el link de buscar
- [x] Agregar indicadores UF/USD
 
## Nuevo footer 
- [x] Render distinto
- [x] config por sitio
- [x] Mejorar estilos

## General 
```
- [ ] Prevenir el acceso a las rutas que no esten disponibles por sitio. SiteConfig` modules/routes `y `middleware.ts`
- [ ] Renderear nueva UI de broker para los otros tipos de assets****
```
- [x] Integrar badge de Últimas unidades (Pendiente backend)
- [x] Badge Monthly Payment. Pedir a backend o computar.
- [x] Generar Vista nueva de cotización*** (3 hrs)
- [ ] Generar vista voucher ***
- [ ] Fuente Urbanist no esta aplicada
- [ ] Cuota mensual en la vista detalle

