@@ -39,7 +39,10 @@ const RepoExplorer: React.FC = () => {
3939 const [ sortBy , setSortBy ] = useState < "stars" | "updated" | "name" > ( "stars" ) ;
4040 const [ viewMode , setViewMode ] = useState < "compact" | "expanded" > ( "compact" ) ;
4141 const [ showAllTags , setShowAllTags ] = useState ( false ) ;
42- const [ implicitTags , setOmitTags ] = useState < string [ ] > ( [ "talonvoice" , "talon" ] ) ;
42+ const [ implicitTags , setOmitTags ] = useState < string [ ] > ( [
43+ "talonvoice" ,
44+ "talon" ,
45+ ] ) ;
4346 const [ tagAliases , setTagAliases ] = useState < Record < string , string > > ( { } ) ;
4447 const [ generatedAt , setGeneratedAt ] = useState < string | null > ( null ) ;
4548
@@ -123,7 +126,14 @@ const RepoExplorer: React.FC = () => {
123126 } ) ;
124127
125128 return filtered ;
126- } , [ repos , searchTerm , selectedLanguage , selectedTags , sortBy , canonicalToOriginals ] ) ;
129+ } , [
130+ repos ,
131+ searchTerm ,
132+ selectedLanguage ,
133+ selectedTags ,
134+ sortBy ,
135+ canonicalToOriginals ,
136+ ] ) ;
127137
128138 const languages = React . useMemo ( ( ) => {
129139 return Array . from (
@@ -333,9 +343,7 @@ const RepoExplorer: React.FC = () => {
333343 { searchTerm && ` matching "${ searchTerm } "` }
334344 { selectedLanguage !== "all" && ` in ${ selectedLanguage } ` }
335345 { selectedTags . length > 0 && ` with tags: ${ selectedTags . join ( ", " ) } ` }
336- { generatedAt && (
337- < > · Data updated { formatDate ( generatedAt ) } </ >
338- ) }
346+ { generatedAt && < > · Data updated { formatDate ( generatedAt ) } </ > }
339347 </ p >
340348 </ div > { " " }
341349 < div
@@ -407,34 +415,30 @@ const RepoExplorer: React.FC = () => {
407415 Updated { formatDate ( repo . updated_at ) }
408416 </ span >
409417 </ div > { " " }
410- { repo . topics . filter (
411- ( topic ) => ! implicitTags . includes ( topic ) ,
412- ) . length > 0 && (
418+ { repo . topics . filter ( ( topic ) => ! implicitTags . includes ( topic ) )
419+ . length > 0 && (
413420 < div className = { styles . topics } >
414421 { repo . topics
415- . filter (
416- ( topic ) =>
417- ! implicitTags . includes ( topic ) ,
418- )
422+ . filter ( ( topic ) => ! implicitTags . includes ( topic ) )
419423 . slice ( 0 , 4 )
420424 . map ( ( topic ) => {
421425 const canonical = resolveTag ( topic ) ;
422426 return (
423- < button
424- key = { topic }
425- className = { clsx (
426- styles . topic ,
427- styles . tagGeneric ,
428- selectedTags . includes ( canonical ) &&
429- styles . tagGenericActive ,
430- selectedTags . includes ( canonical ) &&
431- styles . topicActive ,
432- ) }
433- onClick = { ( ) => toggleTag ( canonical ) }
434- title = { `Filter by ${ canonical } ` }
435- >
436- { topic }
437- </ button >
427+ < button
428+ key = { topic }
429+ className = { clsx (
430+ styles . topic ,
431+ styles . tagGeneric ,
432+ selectedTags . includes ( canonical ) &&
433+ styles . tagGenericActive ,
434+ selectedTags . includes ( canonical ) &&
435+ styles . topicActive ,
436+ ) }
437+ onClick = { ( ) => toggleTag ( canonical ) }
438+ title = { `Filter by ${ canonical } ` }
439+ >
440+ { topic }
441+ </ button >
438442 ) ;
439443 } ) }
440444 { repo . topics . filter (
@@ -443,8 +447,7 @@ const RepoExplorer: React.FC = () => {
443447 < span className = { styles . topicMore } >
444448 +
445449 { repo . topics . filter (
446- ( topic ) =>
447- ! implicitTags . includes ( topic ) ,
450+ ( topic ) => ! implicitTags . includes ( topic ) ,
448451 ) . length - 4 } { " " }
449452 more
450453 </ span >
@@ -507,34 +510,30 @@ const RepoExplorer: React.FC = () => {
507510 < span className = { styles . updatedCompact } >
508511 { formatDate ( repo . updated_at ) }
509512 </ span > { " " }
510- { repo . topics . filter (
511- ( topic ) => ! implicitTags . includes ( topic ) ,
512- ) . length > 0 && (
513+ { repo . topics . filter ( ( topic ) => ! implicitTags . includes ( topic ) )
514+ . length > 0 && (
513515 < div className = { styles . topicsCompact } >
514516 { repo . topics
515- . filter (
516- ( topic ) =>
517- ! implicitTags . includes ( topic ) ,
518- )
517+ . filter ( ( topic ) => ! implicitTags . includes ( topic ) )
519518 . slice ( 0 , 2 )
520519 . map ( ( topic ) => {
521520 const canonical = resolveTag ( topic ) ;
522521 return (
523- < button
524- key = { topic }
525- className = { clsx (
526- styles . topicCompact ,
527- styles . tagGeneric ,
528- selectedTags . includes ( canonical ) &&
529- styles . tagGenericActive ,
530- selectedTags . includes ( canonical ) &&
531- styles . topicActiveCompact ,
532- ) }
533- onClick = { ( ) => toggleTag ( canonical ) }
534- title = { `Filter by ${ canonical } ` }
535- >
536- { topic }
537- </ button >
522+ < button
523+ key = { topic }
524+ className = { clsx (
525+ styles . topicCompact ,
526+ styles . tagGeneric ,
527+ selectedTags . includes ( canonical ) &&
528+ styles . tagGenericActive ,
529+ selectedTags . includes ( canonical ) &&
530+ styles . topicActiveCompact ,
531+ ) }
532+ onClick = { ( ) => toggleTag ( canonical ) }
533+ title = { `Filter by ${ canonical } ` }
534+ >
535+ { topic }
536+ </ button >
538537 ) ;
539538 } ) }
540539 { repo . topics . filter (
@@ -543,8 +542,7 @@ const RepoExplorer: React.FC = () => {
543542 < span className = { styles . topicMoreCompact } >
544543 +
545544 { repo . topics . filter (
546- ( topic ) =>
547- ! implicitTags . includes ( topic ) ,
545+ ( topic ) => ! implicitTags . includes ( topic ) ,
548546 ) . length - 2 }
549547 </ span >
550548 ) }
0 commit comments