gray-mueller / gray-mueller/foodpanda-clone-using-react-native
Health & Fitness Page Heading Displaying Incorrect Characters (e.g., "%26" Instead of "&")
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
On the Health & Fitness category page of the Enatega web app, the heading is displayed as:
“Health %26 fitness foods near you”
instead of the expected text:
“Health & fitness foods near you”
The HTML entity code “%26” is incorrectly rendered as plain text instead of being decoded to “&”.
To Reproduce
Steps to reproduce the behavior:
Go to the Health & Fitness category page in the web app:
https://enatega-web.netlify.app/category/health-&-fitness-foods
Observe the heading at the top of the page
Expected behavior
The heading should decode encoded characters and display:
“Health & fitness foods near you”
Screenshots
Image
Desktop (please complete the following information):
OS: Windows 11
Browser: Chrome
Version: 123.0.6312.86
Additional context
This appears to be a URL-decoding or rendering issue with category names containing special characters. It affects user perception and professionalism of the interface.
Contributor guide
Research direction
Start at the Health & Fitness category page linked in the issue and trace how the category name is used to render the heading. Check the URL-decoding and heading-rendering path for encoded ampersands. Done means the page displays “Health & fitness foods near you” rather than “Health %26 fitness foods near you”.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 50/100