gray-mueller / gray-mueller/foodpanda-clone-using-react-native

Health & Fitness Page Heading Displaying Incorrect Characters (e.g., "%26" Instead of "&")

Open
#105 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.