marthaegrimaldi / marthaegrimaldi/meal-ordering-app-using-react-native

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

Open Beginner friendly
#674 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
1
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 category page for /category/health-%26-fitness-foods and trace how the category name is decoded and rendered in the heading. Reproduce the page in Chrome, then verify that the heading displays “Health & fitness foods near you” and that the encoded character is no longer shown as plain text.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.