t1c.dev
forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 🎵
Replace Link with anchor tags for song links
tsiry-sandratraina.com
+3
-8
+3
-8
apps/web/src/pages/home/feed/Feed.tsx
+3
-8
apps/web/src/pages/home/feed/Feed.tsx
···
1
1
import styled from "@emotion/styled";
2
2
import { useQueryClient } from "@tanstack/react-query";
3
-
import { Link } from "@tanstack/react-router";
4
3
import { Avatar } from "baseui/avatar";
5
4
import type { BlockProps } from "baseui/block";
6
5
import { FlexGrid, FlexGridItem } from "baseui/flex-grid";
···
186
185
// eslint-disable-next-line @typescript-eslint/no-explicit-any
187
186
allSongs.map((song: any) => (
188
187
<FlexGridItem {...itemProps} key={song.id}>
189
-
<Link
190
-
to="/$did/scrobble/$rkey"
191
-
params={{
192
-
did: song.uri?.split("at://")[1]?.split("/")[0] || "",
193
-
rkey: song.uri?.split("/").pop() || "",
194
-
}}
188
+
<a
189
+
href={`/${song.uri?.split("at://")[1]?.split("/")[0] || ""}/scrobble/${song.uri?.split("/").pop() || ""}`}
195
190
className="no-underline text-[var(--color-text-primary)]"
196
191
>
197
192
<SongCover
···
203
198
likesCount={song.likesCount}
204
199
withLikeButton
205
200
/>
206
-
</Link>
201
+
</a>
207
202
208
203
{(song?.tags || []).length > 0 && (
209
204
<div className="mb-[10px] flex flex-wrap gap-x-[10px] gap-y-[4px]">