Minicard component issues and features fixes
- Dominant language
- JavaScript
- Stars
- 77
- Forks
- 47
- PR merge metrics
- No merged PRs in 30d
Description
Minicard component has some css issues (errors and needs some features), adding text content as optional and also make the whole card as a link.
**No semi-colon here:**
https://github.com/adobe/aio-theme/blob/c293c01ac7340e498dacb6cb0716f8406638fb83/packages/gatsby-theme-aio/src/components/MiniResourceCard/index.js#L67
Results in the height not being set properly.
**Text content should be option-able. This check will fail and throw an error if no text content is present:**
https://github.com/adobe/aio-theme/blob/c293c01ac7340e498dacb6cb0716f8406638fb83/packages/gatsby-theme-aio/src/components/MiniResourceCard/index.js#L103C9-L103C9
The https://github.com/AdobeDocs/express-for-developers/ has a use-case of using the Minicard component without text body:
https://github.com/AdobeDocs/express-for-developers/blob/main/src/pages/index.md?plain=1#L80
**The whole card should act as a link. May need another variant to support this as only the image is clickable.**
Contributor guide
Research direction
Start with packages/gatsby-theme-aio/src/components/MiniResourceCard/index.js at the referenced lines, then compare the component usage in AdobeDocs/express-for-developers/src/pages/index.md. Done means the height styling works, text content is optional without an error, and the requested whole-card link behavior is supported.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100