From 5efe6e02d38a38d0f1a3acea308dc3f19ec31bb5 Mon Sep 17 00:00:00 2001 From: Blake Gentry Date: Sun, 11 May 2025 14:08:25 -0500 Subject: [PATCH] use Link component on QueueList page, not raw tag Without using the TanStack Router `` component, router-level settings like prefixes will not be factored in. This means any links within the app need to use it, and the recently updated QueueList page did not do so until this commit. Fixes #352. --- CHANGELOG.md | 4 ++++ src/components/QueueList.tsx | 8 +++++--- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 3d5e4e59..401029d5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,6 +16,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Job args and metadata on the job detail view now use an interactive collapsible JSON view rather than pretty-printing the entire payload on screen. For large payloads this is a better UX and doesn't disrupt the page flow by default. [PR #351](https://github.com/riverqueue/riverui/pull/351). +### Fixed + +- Corrected links on queue list page to use the TanStack Router `` component instead of raw `` tags so that settings like path prefix will be respected. [PR #353](https://github.com/riverqueue/riverui/pull/353). + ## [v0.9.0] - 2025-04-08 ### Added diff --git a/src/components/QueueList.tsx b/src/components/QueueList.tsx index 14913c8d..32888172 100644 --- a/src/components/QueueList.tsx +++ b/src/components/QueueList.tsx @@ -2,6 +2,7 @@ import RelativeTimeFormatter from "@components/RelativeTimeFormatter"; import TopNavTitleOnly from "@components/TopNavTitleOnly"; import { PauseCircleIcon, PlayCircleIcon } from "@heroicons/react/24/outline"; import { Queue } from "@services/queues"; +import { Link } from "@tanstack/react-router"; type QueueListProps = { loading: boolean; @@ -72,12 +73,13 @@ const QueueList = ({ - {queue.name} - +
Available