@@ -102,125 +102,125 @@ const Wiki: NextPageWithLayout<{
102102 breadcrumbs = { wikiData . breadcrumbs }
103103 />
104104 < TOCContextProvider >
105- < Container fontSize = "md" maxW = "1280px" ref = { scrollContainerRef } >
106- < Flex
107- direction = "column"
108- paddingInline = { { base : 0 , sm : 4 } }
109- paddingBottom = { 8 }
110- flexShrink = "1"
111- id = "main"
112- >
113- < TagManager />
114- < Metadata
115- metaDescription = { metaDescription }
116- metaKeywords = { metaKeywords }
117- canonicalUrl = { canonicalUrl }
118- title = { title }
119- />
120- < HreflangUrls urls = { wikiData . hreflangUrls } />
121- < HStack
122- spacing = { 0 }
123- mt = { { base : 3 , sm : 8 } }
124- align = "start"
125- pb = { { base : 4 , sm : 6 } }
126- borderBottom = "1px"
127- borderColor = "gray.300"
105+ < Container fontSize = "md" maxW = "1280px" ref = { scrollContainerRef } >
106+ < Flex
107+ direction = "column"
108+ paddingInline = { { base : 0 , sm : 4 } }
109+ paddingBottom = { 8 }
110+ flexShrink = "1"
111+ id = "main"
128112 >
129- < Image
130- sx = { imageSx }
131- src = { mainImageUrl }
132- onClick = { onOpen }
133- cursor = "pointer"
134- alt = { title }
135- htmlWidth = { 120 }
136- htmlHeight = { 90 }
137- objectFit = "contain"
138- borderRadius = "md"
139- outline = "1px solid"
140- outlineColor = "gray.300"
141- marginRight = { 3 }
113+ < TagManager />
114+ < Metadata
115+ metaDescription = { metaDescription }
116+ metaKeywords = { metaKeywords }
117+ canonicalUrl = { canonicalUrl }
118+ title = { title }
142119 />
143- < Modal isOpen = { isOpen } onClose = { onClose } >
144- < ModalOverlay />
145- < ModalContent
146- width = "auto"
147- maxWidth = "calc(100% - 64px)"
148- background = "none"
149- >
150- < VisuallyHidden >
151- < ModalHeader > { title } </ ModalHeader >
152- </ VisuallyHidden >
153- < ModalCloseButton />
154- < VisuallyHidden > </ VisuallyHidden >
155- < ModalBody padding = { 0 } >
156- < Image
157- src = { mainImageUrlLarge }
158- width = "100%"
159- height = "auto"
160- alt = { title }
161- />
162- </ ModalBody >
163- </ ModalContent >
164- </ Modal >
165- < VStack alignItems = "flex-start" spacing = { 2 } >
166- < HeadingSelfLink
167- as = "h1"
168- fontSize = "3xl"
169- fontWeight = "medium"
170- selfLinked
171- id = "top"
172- mt = { 0 }
173- >
174- { wikiData . title }
175- </ HeadingSelfLink >
176- < AuthorInformation
177- lastUpdatedDate = { lastUpdatedDate }
178- authors = { wikiData . authors }
179- historyUrl = { wikiData . historyUrl }
180- />
181- </ VStack >
182- </ HStack >
183- { wikiData . introduction . map ( ( intro ) => (
184- < IntroductionSection key = { intro . heading } intro = { intro } />
185- ) ) }
186- { wikiData . solutions . length > 0 && (
187- < Box
188- borderTop = "1px"
120+ < HreflangUrls urls = { wikiData . hreflangUrls } />
121+ < HStack
122+ spacing = { 0 }
123+ mt = { { base : 3 , sm : 8 } }
124+ align = "start"
125+ pb = { { base : 4 , sm : 6 } }
126+ borderBottom = "1px"
189127 borderColor = "gray.300"
190- mt = { { base : 4 , sm : 6 } }
191128 >
192- < HeadingSelfLink
193- as = "h2"
194- fontSize = "20px"
195- fontWeight = "semibold"
196- selfLinked
197- id = "causes"
198- >
199- { 'Causes' }
200- </ HeadingSelfLink >
201- < TableOfContents
202- solutions = { wikiData . solutions }
203- problems = { wikiData . linkedProblems }
129+ < Image
130+ sx = { imageSx }
131+ src = { mainImageUrl }
132+ onClick = { onOpen }
133+ cursor = "pointer"
134+ alt = { title }
135+ htmlWidth = { 120 }
136+ htmlHeight = { 90 }
137+ objectFit = "contain"
138+ borderRadius = "md"
139+ outline = "1px solid"
140+ outlineColor = "gray.300"
141+ marginRight = { 3 }
204142 />
205- < Stack spacing = { 3 } mt = { { base : 7 , sm : 10 } } >
206- { wikiData . solutions . map ( ( solution , index ) => (
207- < SectionCard
208- key = { solution . heading }
209- index = { index + 1 }
210- solution = { solution }
211- />
212- ) ) }
213- </ Stack >
214- </ Box >
215- ) }
216- < Conclusion conclusion = { wikiData . conclusion } />
217- < AnswersCTA answersUrl = { wikiData . answersUrl } />
218- { wikiData . linkedProblems . length > 0 && (
219- < RelatedProblems problems = { wikiData . linkedProblems } />
220- ) }
221- < PixelPing id = { id } type = "wiki" />
222- </ Flex >
223- </ Container >
143+ < Modal isOpen = { isOpen } onClose = { onClose } >
144+ < ModalOverlay />
145+ < ModalContent
146+ width = "auto"
147+ maxWidth = "calc(100% - 64px)"
148+ background = "none"
149+ >
150+ < VisuallyHidden >
151+ < ModalHeader > { title } </ ModalHeader >
152+ </ VisuallyHidden >
153+ < ModalCloseButton />
154+ < VisuallyHidden > </ VisuallyHidden >
155+ < ModalBody padding = { 0 } >
156+ < Image
157+ src = { mainImageUrlLarge }
158+ width = "100%"
159+ height = "auto"
160+ alt = { title }
161+ />
162+ </ ModalBody >
163+ </ ModalContent >
164+ </ Modal >
165+ < VStack alignItems = "flex-start" spacing = { 2 } >
166+ < HeadingSelfLink
167+ as = "h1"
168+ fontSize = "3xl"
169+ fontWeight = "medium"
170+ selfLinked
171+ id = "top"
172+ mt = { 0 }
173+ >
174+ { wikiData . title }
175+ </ HeadingSelfLink >
176+ < AuthorInformation
177+ lastUpdatedDate = { lastUpdatedDate }
178+ authors = { wikiData . authors }
179+ historyUrl = { wikiData . historyUrl }
180+ />
181+ </ VStack >
182+ </ HStack >
183+ { wikiData . introduction . map ( ( intro ) => (
184+ < IntroductionSection key = { intro . heading } intro = { intro } />
185+ ) ) }
186+ { wikiData . solutions . length > 0 && (
187+ < Box
188+ borderTop = "1px"
189+ borderColor = "gray.300"
190+ mt = { { base : 4 , sm : 6 } }
191+ >
192+ < HeadingSelfLink
193+ as = "h2"
194+ fontSize = "20px"
195+ fontWeight = "semibold"
196+ selfLinked
197+ id = "causes"
198+ >
199+ { 'Causes' }
200+ </ HeadingSelfLink >
201+ < TableOfContents
202+ solutions = { wikiData . solutions }
203+ problems = { wikiData . linkedProblems }
204+ />
205+ < Stack spacing = { 3 } mt = { { base : 7 , sm : 10 } } >
206+ { wikiData . solutions . map ( ( solution , index ) => (
207+ < SectionCard
208+ key = { solution . heading }
209+ index = { index + 1 }
210+ solution = { solution }
211+ />
212+ ) ) }
213+ </ Stack >
214+ </ Box >
215+ ) }
216+ < Conclusion conclusion = { wikiData . conclusion } />
217+ < AnswersCTA answersUrl = { wikiData . answersUrl } />
218+ { wikiData . linkedProblems . length > 0 && (
219+ < RelatedProblems problems = { wikiData . linkedProblems } />
220+ ) }
221+ < PixelPing id = { id } type = "wiki" />
222+ </ Flex >
223+ </ Container >
224224 </ TOCContextProvider >
225225 </ >
226226 ) ;
0 commit comments