Bug: Service detail sidebar shows raw slug as category #100

New Issue

Closed

opened 2026-05-17 21:16:29 -05:00 by null · 0 comments

null commented

2026-05-17 21:16:29 -05:00

Owner

Problem

In ServiceDetail.jsx, the Quick Info sidebar shows the service category by parsing the slug:

service.id.replace(-, )

This produces:

consulting-training -> Consulting Training (should be Consulting & Training)
Also, replace() only replaces the first hyphen, so multi-word slugs could break

Fix

Options:

Add a category field to the service data with the proper display name
Use replaceAll() and special-case consulting training
Simplest: just use service.name instead of parsing the slug

Files

src/pages/ServiceDetail.jsx - line ~103

Severity

Low - minor display issue on service detail pages

## Problem In ServiceDetail.jsx, the Quick Info sidebar shows the service category by parsing the slug: service.id.replace(-, ) This produces: - consulting-training -> Consulting Training (should be Consulting & Training) - Also, replace() only replaces the first hyphen, so multi-word slugs could break ## Fix Options: 1. Add a category field to the service data with the proper display name 2. Use replaceAll() and special-case consulting training 3. Simplest: just use service.name instead of parsing the slug ## Files - src/pages/ServiceDetail.jsx - line ~103 ## Severity Low - minor display issue on service detail pages