···

       
55
       
55
       
 
       
	// Fetch language data from knot server only if languages not provided

     

       
56
       
56
       
 
       
	const {

     

       
57
       
57
       
 
       
		data: languagesData,

     

       
58
       
58
       
-
       
		loading: languagesLoading,

     

       
59
       
59
       
-
       
		error: languagesError,

     

       
58
       
58
       
+
       
		loading: _languagesLoading,

     

       
59
       
59
       
+
       
		error: _languagesError,

     

       
60
       
60
       
 
       
	} = useRepoLanguages({

     

       
61
       
61
       
 
       
		knot: knotUrl,

     

       
62
       
62
       
 
       
		did,

     
···

       
94
       
94
       
 
       
	const viewUrl =

     

       
95
       
95
       
 
       
		canonicalUrl ??

     

       
96
       
96
       
 
       
		`${tangledBaseUrl}/@${did}/${encodeURIComponent(record.name)}`;

     

       
97
       
97
       
-
       
	const timestamp = new Date(record.createdAt).toLocaleString(undefined, {

     

       
98
       
98
       
-
       
		dateStyle: "medium",

     

       
99
       
99
       
-
       
		timeStyle: "short",

     

       
100
       
100
       
-
       
	});

     

       
101
       
97
       
 
       


     

       
102
       
98
       
 
       
	const tangledIcon = (

     

       
103
       
99
       
 
       
		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 25 25" style={{ display: "block" }}>

     
···

       
193
       
189
       
 
       
						.slice(0, 2);

     

       
194
       
190
       
 
       
					return topLanguages.length > 0 ? (

     

       
195
       
191
       
 
       
						<div style={base.languageTags}>

     

       
196
       
196
       
-
       
							{topLanguages.map((lang, index) => (

     

       
192
       
192
       
+
       
							{topLanguages.map((lang) => (

     

       
197
       
193
       
 
       
								<span key={lang.name} style={base.languageTag}>

     

       
198
       
194
       
 
       
									{lang.name}

     

       
199
       
195
       
 
       
								</span>

     

···

       
1
       
1
       
 
       
{

     

       
2
       
2
       
 
       
	"name": "atproto-ui",

     

       
3
       
3
       
-
       
	"version": "0.7.2",

     

       
3
       
3
       
+
       
	"version": "0.8.0",

     

       
4
       
4
       
 
       
	"type": "module",

     

       
5
       
5
       
 
       
	"description": "React components and hooks for rendering AT Protocol records.",

     

       
6
       
6
       
 
       
	"main": "./lib-dist/index.js",