@@ -21,8 +21,8 @@ type Groups = {
2121
2222// Group speakers by the first letter of their name
2323const groups: Groups = speakersCollection
24- .filter ((speaker : Speaker ) => !! speaker .data .name )
25- .reduce ((acc : Groups , speaker : Speaker ) => {
24+ .filter ((speaker : Speaker ) => !! speaker .data .name )
25+ .reduce ((acc : Groups , speaker : Speaker ) => {
2626 const letter = speaker .data .name [0 ].toUpperCase ();
2727 if (! acc [letter ]) {
2828 acc [letter ] = [];
@@ -35,7 +35,8 @@ const letters = Object.keys(groups).sort((a, b) => a.localeCompare(b));
3535
3636const title = " Speakers" ;
3737
38- const description = " Alphabetical list of all confirmed speakers for the conference" ;
38+ const description =
39+ " Alphabetical list of all confirmed speakers for the conference" ;
3940---
4041
4142<Layout title ={ title } description ={ description } >
@@ -45,40 +46,48 @@ const description = "Alphabetical list of all confirmed speakers for the confere
4546 </Prose >
4647
4748 <div class =" flex text-3xl font-bold flex-wrap mb-6" >
48- { letters .map ((letter ) => (
49- <h3 class = " mr-2" >
50- <a href = { ` #letter-${letter } ` } >{ letter } </a >
51- </h3 >
52- ))}
49+ {
50+ letters .map ((letter ) => (
51+ <h3 class = " mr-2" >
52+ <a href = { ` #letter-${letter } ` } >{ letter } </a >
53+ </h3 >
54+ ))
55+ }
5356 </div >
5457
5558 <ol class =" speakers" >
56- { letters .map ((letter , index ) => (
57- <>
58- <div id = { ` letter-${letter } ` } >
59- <h2 class = " relative font-title text-primary font-bold mb-[0.6em] [&>a]:border-0 [&>a]:text-inherit text-4xl" >
60- { letter }
61- </h2 >
59+ {
60+ letters .map ((letter , index ) => (
61+ <>
62+ <div id = { ` letter-${letter } ` } >
63+ <h2 class = " relative font-title text-primary font-bold mb-[0.6em] [&>a]:border-0 [&>a]:text-inherit text-4xl" >
64+ { letter }
65+ </h2 >
6266
63- <ul class = " pl-4" >
64- { groups [letter ]
65- .sort ((a , b ) => a .data .name .localeCompare (b .data .name ))
66- .map ((speaker ) => (
67- <li { ... { key: speaker .slug }} class = " mb-1" >
68- <a
69- class = " underline hover:text-primary-hover"
70- href = { ` /speaker/${speaker .slug } ` }
71- >
72- { speaker .data .name }
73- </a >
74- </li >
75- ))}
76- </ul >
77- </div >
67+ <ul class = " pl-4" >
68+ { groups [letter ]
69+ .sort ((a , b ) => a .data .name .localeCompare (b .data .name ))
70+ .map ((speaker ) => (
71+ <li { ... { key: speaker .slug }} class = " mb-1" >
72+ <a
73+ class = " underline hover:text-primary-hover"
74+ href = { ` /speaker/${speaker .slug } ` }
75+ >
76+ { speaker .data .name }
77+ </a >
78+ </li >
79+ ))}
80+ </ul >
81+ </div >
7882
79- { index !== letters .length - 1 ? <Separator /> : <div class = " mb-20" />}
80- </>
81- ))}
83+ { index !== letters .length - 1 ? (
84+ <Separator />
85+ ) : (
86+ <div class = " mb-20" />
87+ )}
88+ </>
89+ ))
90+ }
8291 </ol >
8392 </div >
8493</Layout >
0 commit comments