t1c.dev
forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 🎵
Use router Link for song links
Replace anchor tags with @tanstack/react-router Link for client-side
navigation. Add import and cast the 'to' prop to string to satisfy TS
typings.
tsiry-sandratraina.com
+6
-3
apps/web/src/pages/home/feed/Feed.tsx
+6
-3
apps/web/src/pages/home/feed/Feed.tsx
···
21
21
} from "../../../hooks/useFeed";
22
22
import FeedGenerators from "./FeedGenerators";
23
23
import { consola } from "consola";
24
+
import { Link } from "@tanstack/react-router";
24
25
25
26
dayjs.extend(relativeTime);
26
27
···
185
186
// eslint-disable-next-line @typescript-eslint/no-explicit-any
186
187
allSongs.map((song: any) => (
187
188
<FlexGridItem {...itemProps} key={song.id}>
188
-
<a
189
-
href={`/${song.uri?.split("at://")[1]?.split("/")[0] || ""}/scrobble/${song.uri?.split("/").pop() || ""}`}
189
+
<Link
190
+
to={
191
+
`/${song.uri?.split("at://")[1]?.split("/")[0] || ""}/scrobble/${song.uri?.split("/").pop() || ""}` as string
192
+
}
190
193
className="no-underline text-[var(--color-text-primary)]"
191
194
>
192
195
<SongCover
···
198
201
likesCount={song.likesCount}
199
202
withLikeButton
200
203
/>
201
-
</a>
204
+
</Link>
202
205
203
206
{(song?.tags || []).length > 0 && (
204
207
<div className="mb-[10px] flex flex-wrap gap-x-[10px] gap-y-[4px]">