[BUG]: Duplicate preposition in heading and unformatted feedback text on Strengthen Argument page

Abierto Apto para principiantes
  • ¿Algo no está bien?
#801 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
72/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
typescript
Área
frontend

Línea de trabajo

Comienza desde el componente de página /coach/strengthen-argument y encuentra dónde se renderiza el encabezado del enunciado de apertura débil — la cadena "for" está hardcodeada justo antes del valor de stance, así que elimínala o reestructúrala. Luego localiza el modal de Feedback que renderiza la respuesta de la IA y divide las secciones Strengths: y Area for Improvement: en líneas separadas y alineadas a la izquierda en lugar de un único bloque centrado. Hecho significa que ambas stances (For y Against) se lean correctamente y que el modal muestre secciones estructuradas; reproduce con los pasos del informe antes y después.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug
Bug Description
Description

While using the Coach > Strengthen Argument feature, there are two UI/UX issues that affect readability and grammar:

  1. Duplicate preposition in section heading: The heading renders as "Weak Opening Statement for for the topic..." (when selecting For) or "Weak Opening Statement for against the topic..." (when selecting Against), because "for" is hardcoded right before the stance variable.
  2. Unformatted feedback modal text: In the evaluation modal, the AI feedback (Strengths: and Area for Improvement: / numbered points) is rendered as a single center-aligned wall of text without line breaks or structured layout, making it difficult to read.
Steps to Reproduce
  1. Navigate to Coach > Strengthen Argument (/coach/strengthen-argument or via the Coach menu).
  2. Select any debate topic and choose a stance (For or Against), then generate a weak opening statement.
  3. Observe the heading above the generated statement ("Weak Opening Statement for for..." / "for against...").
  4. Enter an improved argument and click Submit Your Argument.
  5. Observe the unformatted, center-aligned text block inside the Feedback modal.
Expected Behavior
  1. The heading should read cleanly without duplicate prepositions (e.g., "Weak Opening Statement (For) on the topic..." or "Weak Opening Statement for the topic...").
  2. The feedback modal should parse and display Strengths and Area for Improvement as structured, left-aligned sections or bullet points.
Screenshots

I have reproduced this locally and would like to work on a PR to fix it. Could you please assign this issue to me? @Ri1tik @bhavik-mangla

unt Untitled
Steps to Reproduce

No response

Logs and Screenshots

No response

Environment Details

No response

Impact

Low - Minor inconvenience

Code of Conduct
  • I have joined the Discord server and will post updates there
  • I have searched existing issues to avoid duplicates
Lenguaje dominante
TypeScript
Estrellas
107
Forks
263
Merge medio
7 h 54 min
PR fusionados (30 d)
12

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de AOSSIE-Org/DebateAI

Todos los issues de AOSSIE-Org/DebateAI

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.