gray-mueller / gray-mueller/flower-delivery-app-react-js

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

Open
#32 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

Open the Health & Fitness category URL and inspect the code path that renders the category heading. Reproduce the displayed “%26” text, then trace the URL-decoding or rendering behavior for the category name. Done means the page shows “Health & fitness foods near you” with “&” rendered correctly.

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
Clearly specified
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.