gray-mueller / gray-mueller/food-ordering-app-clone-using-react-js

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

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

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.