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

The vehicleCardHeader component is not visible on UI

Aperta Adatta ai principianti
#373 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

@cyator ci sta già lavorando.

Dal 11/7/2026.

  • #374 di @cyator — aperta

Valutazione

Difficoltà
1/5
Tempo stimato
Meno di un'ora
Idoneità per principianti
84/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia da services/web/src/components/dashboard/dashboard.tsx e riproduci il rendering delle schede dei veicoli nella dashboard descritto nell’issue. Verifica che il VIN del veicolo e i pulsanti «Cronologia degli interventi del veicolo» e «Contatta il meccanico» siano completamente visibili dopo la modifica.

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

Descrizione

bug

Bug

The vehicleCardHeader component is not visible on UI

On the dashboard, the vehicleCardHeader component (which displays the vehicle VIN, "Vehicle Service History" button, and "Contact Mechanic" button) is successfully is completely hidden from the user interface.

To Reproduce

  1. Log into the crAPI application.
  2. Add a new vehicle or navigate to the dashboard with an existing vehicle.
  3. Look at the vehicle card at the top. The vehicle image and details are visible, but the header containing the VIN and action buttons is missing.
  4. Inspect the DOM to see that the ant-page-header-heading is rendered but pushed out of view due to the .ant-card-meta-title constraints.
Image

Expected behavior

The vehicle's VIN and action buttons ("Vehicle Service History", "Contact Mechanic") should be fully visible at the top of the vehicle card.

Suggested fix

the <Meta> wrapper can be removed in services/web/src/components/dashboard/dashboard.tsx and the header/content placed directly inside the body:

diff
- <Meta
-   title={vehicleCardHeader(
-     vehicle,
-     handleVehicleServiceClick,
-     handleContactMechanic,
-   )}
-   description={vehicleCardContent(vehicle)}
- />
+ {vehicleCardHeader(
+   vehicle,
+   handleVehicleServiceClick,
+   handleContactMechanic,
+ )}
+ {vehicleCardContent(vehicle)

Runtime Environment

OS: Windows
Docker version: [e.g. Docker version 29.6.1
Browser: [Chrome 150.0.7871.101, Edge Version 150.0.4078.65]

Lingua principale
Java
Stelle
1.6k
Fork
652
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

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 OWASP/crAPI

Tutte le issue di OWASP/crAPI

Issue simili

Altre issue su Java

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.