The vehicleCardHeader component is not visible on UI
Nobody has claimed this yet.
Assessment
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Newbie friendliness
- 84/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Quiet
- Tech stack
- react, typescript
- Domain
- frontend
Research direction
Start in services/web/src/components/dashboard/dashboard.tsx and reproduce the dashboard vehicle-card rendering described in the issue. Check that the vehicle VIN and the “Vehicle Service History” and “Contact Mechanic” buttons are fully visible after the change.
Written by the indexing model from the issue text.
Description
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
- Log into the crAPI application.
- Add a new vehicle or navigate to the dashboard with an existing vehicle.
- 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.
- 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.
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]
- Dominant language
- Java
- Stars
- 1.6k
- Forks
- 645
- Avg merge
- 37m
- Merged PRs (30d)
- 1
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from OWASP/crAPI
-
bug
Difficulty 3/5 1-2 days Newbie friendliness 55/100
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
-
Difficulty 1/5 Under an hour Newbie friendliness 1/100
-
bug
Difficulty 1/5 Under an hour Newbie friendliness 55/100
-
bug
Difficulty 4/5 3-5 days Newbie friendliness 25/100
Similar issues
-
bug
Difficulty 1/5 Under an hour Newbie friendliness 90/100
apache/cloudstack#14222 ·
-
[BUG]茶杯方块在取茶时会引发崩溃 Open
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
1.0.0-alpha2 Type/Improvement
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
wso2/dpdp-accelerator#272 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
infinispan/infinispan#18150 ·
-
area/frontend
Difficulty 2/5 1-3 hours Newbie friendliness 65/100