Aspirante: Luis Manuel Viloria Iturriago

Prueba Bold

Puntos faltantes
Diseño:
• Diseño responsivo.
• Diseño del contenido de la tabla (Rows)
Funcionalidad:
• Funcionalidad del botón filtro y sus checks.
• Funcionalidad del botón “Esta semana” y “Septiembre”.
Como se puede lograr
Diseño:
• Diseño responsivo: Se hubiese podido lograr siguiendo las
debidas configuración de la propiedad Grid de material era cual
estaba usando. También se puede lograr por medio de flex-box,
grid y media querys.
• Diseño del contenido de la tabla: A esta solo era agregar los
estilos muy similares al styled-component table.js, teniendo en
cuenta la información del json creado para simular la respuesta
de una petición (get en caso de rest api o query en caso de
graphql), para que estos estilos renderizaran el icono de master
card, por ejemplo, como también tomara la propiedad border-
right, y poder demarcar cuales fueron cobros éxitos y cuáles no.
 Funcionalidad:
• Botón esta semana: se estaba tomado el dato de json y
transformando a milisegundos al fecha, para luego comprar
en un rango de mayor y menor que con la fecha respectiva
en milisegundos de hace una semana.
• Si iban a filtrar las fechas donde getMonth de la función Date
fuese igual al del mes actual y así poder renderizar dichos
datos.
Los demás filtros se hubiesen logrado haciendo una
comparativa de la especificidad de la opción incluyéndola en al
función .filter para así poder retornar los datos correctos
Muchas gracias por el tiempo prestado y disculpas de antemano
por no poder concretar la prueba de manera eficiente.
Link de repositorio público: https://github.com/luismaviit/bold-test