search

caverav / auditforge

AuditForge is a pentest reporting application making it simple and easy to write your findings and generate a customizable report.
https://auditforge.feriadesoftware.cl
MIT License
21 stars 0 forks source link

Add "filters" title on dashboards #173

Closed massi-ponce closed 6 days ago

massi-ponce commented 6 days ago

Descripción

Se agrega un título para los filtros dentro de los dashboards (tanto para los audit dashboard como para los client dashboard).

Motivación y Contexto

Mejorar UX.

¿Cómo ha sido probado?

  1. Entrar a las secciones de dashboards (audit dashboard y client dashboard).
  2. Verificar que en los gráficos que tienen filtros, salga el título "Filters".

Tipos de cambios

Lista de verificación:

Summary by CodeRabbit

coderabbitai[bot] commented 6 days ago
📝 Walkthrough
📝 Walkthrough ## Walkthrough Se han realizado modificaciones en varios componentes de gráficos en el frontend, específicamente en `CIATriadChart.tsx`, `SeverityPieChart.tsx`, `TimePerAuditChart.tsx`, `CIATriad.tsx`, y `CVSSScore.tsx`. Estas modificaciones incluyen la adición de un título en la configuración de la leyenda de los gráficos, que se muestra utilizando una cadena traducida para 'filters'. Además, se han mejorado los formatos de etiquetas de datos en algunos gráficos para calcular y mostrar porcentajes, manteniendo la estructura y lógica general de los componentes. ## Changes | Archivo | Resumen de cambios | |------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------| | `frontend/src/components/charts/CIATriadChart.tsx`, `frontend/src/components/charts/SeverityPieChart.tsx`, `frontend/src/components/charts/TimePerAuditChart.tsx`, `frontend/src/components/dashboard/CIATriad.tsx`, `frontend/src/components/dashboard/CVSSScore.tsx` | Se añadió una configuración de título a la leyenda en los gráficos, utilizando la cadena traducida para 'filters', con estilo en color blanco y fuente en negrita. En `SeverityPieChart.tsx` y `TimePerAuditChart.tsx`, se mejoró la lógica de formato de etiquetas de datos para calcular y mostrar porcentajes. | | `frontend/src/i18n/en-US/index.ts` | Se añadió una nueva entrada `filters: 'Filters'` en el objeto exportado por defecto, que se utiliza para la localización de textos en la aplicación. | ## Possibly related PRs - **#128**: El `SeverityPieChart.tsx` y `TimePerAuditChart.tsx` también mejoran la configuración de la leyenda de sus gráficos al añadir un título con propiedades similares, incluyendo el uso de la cadena traducida para 'filters'. - **#172**: El `SeverityPieChart.tsx` y `TimePerAuditChart.tsx` se actualizan para incluir el `chartjs-plugin-datalabels`, lo que permite mostrar etiquetas de porcentaje, mejorando la representación visual de los datos, de manera similar a los cambios realizados en `CIATriadChart.tsx`. ## Suggested labels `enhancement` ## Suggested reviewers - massi-ponce - Icksir - jllanosg - Sealra

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share - [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)
🪧 Tips ### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): > ‼️ **IMPORTANT** > Auto-reply has been disabled for this repository in the CodeRabbit settings. The CodeRabbit bot will not respond to your replies unless it is explicitly tagged. - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (Invoked using PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. ### Other keywords and placeholders - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. - Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description. - Add `@coderabbitai` anywhere in the PR title to generate the title automatically. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://coderabbit.ai/docs) for detailed information on how to use CodeRabbit. - Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.