Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Executive Summary] - Overview Tab section

Aperta
  • Qualcosa non va?
#4,571 0 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

@ethannccc ci sta già lavorando.

Dal 7/10/2026.

  • #4627 di @ethannccc — aperta

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
68/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Start by locating the executive summary page and reading the useEditExecutiveSummary hook to understand how its fields are edited. Build a component that takes an executiveSummary object and displays its goals, wins, and improvements. Done means the overview section appears on the page and each field can be edited using a pencil icon.

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

Descrizione

stale
Description

Add an Overview section to the executive summary page showing the season's Goals and Wins & Improvements (stored as one winsAndImprovements string). Each field has a pencil icon next to its label. Clicking it turns the text into an editable text box in place, with Save and Cancel buttons. See the mockup in the original issue.

Acceptance Criteria
  • New component takes an executiveSummary: ExecutiveSummary prop and displays goals and winsAndImprovements under their own labels.
  • Clicking a field's pencil swaps its text for a multiline TextField prefilled with the current value, with Save and Cancel buttons.
  • Only one field can be edited at a time (track an editingField state in the parent).
  • Save calls useEditExecutiveSummary. The payload must include all fields of EditExecSummaryPayload (season dates, goals, winsAndImprovements,
    budgetNotes, recruitmentNotes) with only the edited one changed, so other fields aren't blanked.
  • The save button shows a loading state. On error, show the app's existing error or toast pattern and stay in edit mode. On success, return to
    display mode.
  • Cancel discards the draft and restores the current value. Escape also cancels. Enter adds a newline and doesn't save.
  • Empty values show a placeholder such as "No goals set yet".
Proposed Solution
  • Build a small reusable EditableTextField component (label, value, onSave, isEditing, onEditStart, onCancel) and render it twice in the Overview component.
  • Reset the draft to the current value each time edit mode starts, so it never goes stale after a refetch.
  • Use useEditExecutiveSummary from hooks/exec-summaries.hooks.ts. It already invalidates the executive-summaries query, so no manual refetch is needed.
  • See shared/src/types/exec-summary-shared-types.ts for the ExecutiveSummary shape.
  • Build it standalone with the summary passed as a prop.
Mocks

Not in editing mode:
Image

What it should look like while editing:
note: the +/- values should be stored in the string
Image

Lingua principale
TypeScript
Stelle
39
Fork
10
Merge medio
3g 14h
PR unite (30g)
41

Preparare l'ambiente

  • Include un Dockerfile o un file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

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 Northeastern-Electric-Racing/FinishLine

Tutte le issue di Northeastern-Electric-Racing/FinishLine

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.