@@ -234,59 +234,53 @@ export function ProtocolOverviewLayout({
234234 ) }
235235
236236 { isCEX ? (
237- < BasicLink
238- href = { `/cex/${ slug ( name ) } ` }
239- data-active = { ! tab || tab === 'information' }
240- className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
241- >
242- Information
243- </ BasicLink >
244- ) : (
245- < BasicLink
246- href = { `/protocol/${ slug ( name ) } ` }
247- data-active = { ! tab || tab === 'information' }
248- className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
249- >
250- Information
251- </ BasicLink >
252- ) }
253- { metrics . tvlTab ? (
254- isCEX ? (
237+ < >
255238 < BasicLink
256- href = { `/cex/assets/ ${ slug ( name ) } ` }
257- data-active = { tab === 'assets ' }
239+ href = { `/cex/${ slug ( name ) } ` }
240+ data-active = { ! tab || tab === 'information ' }
258241 className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
259242 >
260- Assets
243+ Information
261244 </ BasicLink >
262- ) : (
245+ { metrics . tvlTab ? (
246+ < BasicLink
247+ href = { `/cex/assets/${ slug ( name ) } ` }
248+ data-active = { tab === 'assets' }
249+ className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
250+ >
251+ Assets
252+ </ BasicLink >
253+ ) : null }
254+ { metrics . stablecoins ? (
255+ < BasicLink
256+ href = { `/cex/stablecoins/${ slug ( name ) } ` }
257+ data-active = { tab === 'stablecoins' }
258+ className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
259+ >
260+ Stablecoin Info
261+ </ BasicLink >
262+ ) : null }
263+ </ >
264+ ) : (
265+ < >
263266 < BasicLink
264- href = { `/protocol/tvl/ ${ slug ( name ) } ` }
265- data-active = { tab === 'tvl ' }
267+ href = { `/protocol/${ slug ( name ) } ` }
268+ data-active = { ! tab || tab === 'information ' }
266269 className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
267270 >
268- TVL
271+ Information
269272 </ BasicLink >
270- )
271- ) : null }
272- { metrics . borrowed ? (
273- < BasicLink
274- href = { `/protocol/borrowed/${ slug ( name ) } ` }
275- data-active = { tab === 'borrowed' }
276- className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
277- >
278- Borrowed
279- </ BasicLink >
280- ) : null }
281- { metrics . stablecoins && isCEX ? (
282- < BasicLink
283- href = { `/cex/stablecoins/${ slug ( name ) } ` }
284- data-active = { tab === 'stablecoins' }
285- className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
286- >
287- Stablecoin Info
288- </ BasicLink >
289- ) : null }
273+ { metrics . tvlTab ? (
274+ < BasicLink
275+ href = { `/protocol/tvl/${ slug ( name ) } ` }
276+ data-active = { tab === 'tvl' }
277+ className = "shrink-0 border-b-2 border-(--form-control-border) px-4 py-1 whitespace-nowrap hover:bg-(--btn-hover-bg) focus-visible:bg-(--btn-hover-bg) data-[active=true]:border-(--primary)"
278+ >
279+ TVL
280+ </ BasicLink >
281+ ) : null }
282+ </ >
283+ ) }
290284 { protocolTabs
291285 . filter ( ( pt ) => ( isCEX ? pt . id !== 'stablecoins' : true ) )
292286 . map ( ( pt ) => (
0 commit comments