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

Aperta Adatta ai principianti
  • Qualcosa non va?
#801 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
72/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Parti dal componente di pagina /coach/strengthen-argument e trova dove viene renderizzato il titolo dell'affermazione di apertura debole — la stringa "for" è codificata in modo fisso immediatamente prima del valore di stance, quindi rimuovila o rilavorala. Poi individua il modal Feedback che renderizza la risposta dell'IA e dividi le sezioni Strengths: e Area for Improvement: su righe separate e allineate a sinistra invece che in un unico blocco centrato. Fatto significa che entrambe le stance (For e Against) si leggono correttamente e il modal mostra sezioni strutturate; riproduci tramite i passaggi nel report prima e dopo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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
Lingua principale
TypeScript
Stelle
107
Fork
263
Merge medio
7h 54m
PR unite (30g)
12

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di AOSSIE-Org/DebateAI

Tutte le issue di AOSSIE-Org/DebateAI

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.