Asset filenames with spaces cause URL encoding issues #67

New Issue

Closed

opened 2026-05-17 17:53:33 -05:00 by null · 0 comments

null commented

2026-05-17 17:53:33 -05:00

Owner

Bug Description

Three image assets in public/assets/ have problematic filenames:

Modern call center in action.png — contains spaces
Cabling.png — fine but inconsistent naming
Local Networking.png — contains space

These are referenced in src/data/services.js as:

image: '/assets/Modern call center in action.png'
image: '/assets/Cabling.png'
image: '/assets/Local Networking.png'

URLs with spaces get encoded as %20 which can cause:

Cache busting issues
Problems with some CDN/proxy configurations
Difficulty referencing in code (need to remember encoding)
Potential CSP img-src issues if using strict policies

Fix

Rename the files to use hyphens and update the references in services.js:

Modern call center in action.png → modern-call-center.png
Cabling.png → cabling.png (lowercase for consistency)
Local Networking.png → local-networking.png

Also update the alt text in ServiceDetail.jsx to match the new filenames.

Labels

bug, frontend, P3 Low

## Bug Description Three image assets in `public/assets/` have problematic filenames: - `Modern call center in action.png` — contains spaces - `Cabling.png` — fine but inconsistent naming - `Local Networking.png` — contains space These are referenced in `src/data/services.js` as: ```js image: '/assets/Modern call center in action.png' image: '/assets/Cabling.png' image: '/assets/Local Networking.png' ``` URLs with spaces get encoded as `%20` which can cause: - Cache busting issues - Problems with some CDN/proxy configurations - Difficulty referencing in code (need to remember encoding) - Potential CSP `img-src` issues if using strict policies ## Fix Rename the files to use hyphens and update the references in `services.js`: - `Modern call center in action.png` → `modern-call-center.png` - `Cabling.png` → `cabling.png` (lowercase for consistency) - `Local Networking.png` → `local-networking.png` Also update the `alt` text in `ServiceDetail.jsx` to match the new filenames. ## Labels - bug, frontend, P3 Low