diff --git a/apps/shopify-app/app/features/delivery/route-helpers.js b/apps/shopify-app/app/features/delivery/route-helpers.js index 2c657e5..1f52eaf 100644 --- a/apps/shopify-app/app/features/delivery/route-helpers.js +++ b/apps/shopify-app/app/features/delivery/route-helpers.js @@ -23,7 +23,7 @@ export function readRouteOptimizedSnapshot(value) { export function getDefaultRouteGroupChildName(index, child) { const routeIdx = numberOrUndefined(child?.routeIdx); const sortOrder = numberOrUndefined(child?.sortOrder); - return `Route ${routeIdx ?? sortOrder ?? index + 1}`; + return `#${routeIdx ?? sortOrder ?? index + 1}`; } export function getRouteGroupChildRouteName(routeGroup, child, routePlan, index) { diff --git a/apps/shopify-app/app/routes/app.routes.$routeId.jsx b/apps/shopify-app/app/routes/app.routes.$routeId.jsx index 3e1179b..34884c9 100644 --- a/apps/shopify-app/app/routes/app.routes.$routeId.jsx +++ b/apps/shopify-app/app/routes/app.routes.$routeId.jsx @@ -1163,7 +1163,7 @@ function getNextChildRouteDraft(routeRows) { const routeNumber = (maxRouteIdx || routeRows.length) + 1; return { color: getUnusedRouteColor(null, usedColors, routeNumber - 1), - label: `Route ${routeNumber}`, + label: `#${routeNumber}`, routeIdx: routeNumber, routeIndex: routeNumber, }; @@ -1381,7 +1381,7 @@ export default function RouteDetailPage() { ); const routeGroupStopsSource = routeGroup ? allRouteGroupStops : orderedRouteStops; const routeGroupChildRows = useMemo(() => buildRouteGroupChildRows(routeGroup, routeChildDetailsByRoutePlanId, routeGroupStopsSource), [routeChildDetailsByRoutePlanId, routeGroup, routeGroupStopsSource]); - const defaultRouteCandidateTitle = isRouteGroupDetail ? "Route 1" : routeDetailTitle; + const defaultRouteCandidateTitle = isRouteGroupDetail ? "#1" : routeDetailTitle; const routeStartDateTimeValue = getRouteStartDateTimeValue(effectiveRoutePlan); const routeStartTimeLabel = getRouteStartTimeLabel(routeStartDateTimeValue); const routeDeliveredCount = countRouteStopsByStatus(orderedRouteStops, ["DELIVERED", "FULFILLED"]); diff --git a/apps/shopify-app/tests/routes-page.test.mjs b/apps/shopify-app/tests/routes-page.test.mjs index 7ba21a6..5f9a912 100644 --- a/apps/shopify-app/tests/routes-page.test.mjs +++ b/apps/shopify-app/tests/routes-page.test.mjs @@ -825,7 +825,7 @@ test("Route detail renders route lines and a stop timeline below the map", () => assert.match(routeDetailSource, />Total distance<\/th>/); assert.match(routeDetailSource, />Total weight<\/th>/); assert.match(routeDetailSource, />Created<\/th>/); - assert.match(routeDetailSource, /const defaultRouteCandidateTitle = isRouteGroupDetail \? "Route 1" : routeDetailTitle/); + assert.match(routeDetailSource, /const defaultRouteCandidateTitle = isRouteGroupDetail \? "#1" : routeDetailTitle/); assert.match(routeDetailSource, /title: getRouteGroupChildRouteName\(routeGroup, child, detail\?\.routePlan \?\? child\?\.routePlan, index\)/); assert.match(routeDetailSource, /aria-label="Change route driver"/); assert.match(routeDetailSource, /aria-label="Change route vehicle"/);