A React component library for rendering common AT Protocol records for applications such as Bluesky and Leaflet.

fix tangled repo link

Changed files
+3 -3
lib
+1 -1
lib/components/TangledRepo.tsx
···
colorScheme={colorScheme}
did={did}
rkey={rkey}
-
canonicalUrl={`${tangledBaseUrl}/repos/${did}/${encodeURIComponent(rkey)}`}
+
canonicalUrl={`${tangledBaseUrl}/${did}/${encodeURIComponent(props.record.name)}`}
showStarCount={showStarCount}
branch={branch}
languages={languages}
+2 -2
lib/renderers/TangledRepoRenderer.tsx
···
);
if (loading && !record) return <div role="status" aria-live="polite" style={{ padding: 8 }}>Loading…</div>;
-
// Construct the canonical URL: tangled.org/@[did]/[repo-name]
+
// Construct the canonical URL: tangled.org/[did]/[repo-name]
const viewUrl =
canonicalUrl ??
-
`${tangledBaseUrl}/@${did}/${encodeURIComponent(record.name)}`;
+
`${tangledBaseUrl}/${did}/${encodeURIComponent(record.name)}`;
const tangledIcon = (
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 25 25" style={{ display: "block" }}>