gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js

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

Open
#92 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 category page URL in the report and trace how the Health & Fitness category name is decoded and rendered in the web app heading. Reproduce the displayed “%26” value, then verify that the heading shows “&” for this category without changing the intended category name.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.