gray-mueller / gray-mueller/food-delivery-clone-app-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 by reproducing the issue at the Health & Fitness category URL and inspect the category-page heading and category-name handling. The fix is complete when the heading 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
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100