gray-mueller / gray-mueller/food-delivering-app-using-react-native
Health & Fitness Page Heading Displaying Incorrect Characters (e.g., "%26" Instead of "&")
- Dominant language
- JavaScript
- 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
Open the Health & Fitness category page at the URL in the report and trace how its category name is used to build the heading. Reproduce the encoded ampersand, then verify that 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
- javascript
- 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