From 14ab3d1a15dc4115c97fdf62609fa4c30aaf5d88 Mon Sep 17 00:00:00 2001 From: "Gopi (GKS)" Date: Sat, 18 Jul 2026 13:57:07 +0530 Subject: [PATCH] Fix deployed mascot asset path --- src/components/mascot/TinkerHubMascot.jsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/mascot/TinkerHubMascot.jsx b/src/components/mascot/TinkerHubMascot.jsx index e0cbb46..591dad7 100644 --- a/src/components/mascot/TinkerHubMascot.jsx +++ b/src/components/mascot/TinkerHubMascot.jsx @@ -10,6 +10,7 @@ import { PLAYBACK_DURATIONS, POLICY_LIMITS, POSE_EVENT_PRIORITY, POSES } from '. import { decideNextPose, getMakerDomain, getWeatherPose } from './policy'; const FADE_MS = 380; +const PUBLIC_ASSET_BASE = process.env.PUBLIC_URL === '.' ? '' : process.env.PUBLIC_URL; const AWAKENING_DURATION_MS = POSES.awakening.cycle * getPlayback(POSES.awakening).cycles; const RETURNING_DURATION_MS = POSES.returning.cycle * getPlayback(POSES.returning).cycles; @@ -257,7 +258,7 @@ export default function TinkerHubMascot({ makerCount, currentView, isVisible }) role={className === 'tinkerhub-mascot__sprite--active' ? 'img' : undefined} aria-label={className === 'tinkerhub-mascot__sprite--active' ? POSES[pose].label : undefined} style={{ - '--mascot-sprite': `url(${process.env.PUBLIC_URL}${POSES[pose].image})`, + '--mascot-sprite': `url(${PUBLIC_ASSET_BASE}${POSES[pose].image})`, '--mascot-cycle': `${POSES[pose].cycle}ms`, '--mascot-sprite-iterations': Number.isFinite(playback.cycles) ? playback.cycles : 'infinite', }}