leaflet.pub
a tool for shared writing and social publishing
styles on quote drawer content
awarm.space
+6
-5
+6
-5
app/lish/[did]/[publication]/[rkey]/Interactions/Quotes.tsx
+6
-5
app/lish/[did]/[publication]/[rkey]/Interactions/Quotes.tsx
···
48
48
}
49
49
50
50
// Prefetch quotes data
51
-
export function prefetchQuotesData(quotesAndMentions: { uri: string; link?: string }[]) {
51
+
export function prefetchQuotesData(
52
+
quotesAndMentions: { uri: string; link?: string }[],
53
+
) {
52
54
const uris = quotesAndMentions.map((q) => q.uri);
53
55
const key = getQuotesSWRKey(uris);
54
56
if (key) {
···
69
71
// Fetch Bluesky post data for all URIs
70
72
const uris = props.quotesAndMentions.map((q) => q.uri);
71
73
const key = getQuotesSWRKey(uris);
72
-
const { data: bskyPosts, isLoading } = useSWR(
73
-
key,
74
-
() => fetchBskyPosts(uris),
74
+
const { data: bskyPosts, isLoading } = useSWR(key, () =>
75
+
fetchBskyPosts(uris),
75
76
);
76
77
77
78
// Separate quotes with links (quoted content) from direct mentions
···
141
142
{/* Direct post mentions (without quoted content) */}
142
143
{directMentions.length > 0 && (
143
144
<div className="flex flex-col gap-4">
144
-
<h3>Post Mentions</h3>
145
+
<div className="text-secondary font-bold">Post Mentions</div>
145
146
<div className="flex flex-col gap-8">
146
147
{directMentions.map((q, index) => {
147
148
const pv = postViewMap.get(q.uri);