11import styled from 'styled-components' ;
22
3- import { ButtonAction , ButtonSize , ButtonType } from '@/constants/buttons' ;
43import { STRING_KEYS } from '@/constants/localization' ;
54
65import { usePerpetualMarketsStats } from '@/hooks/usePerpetualMarketsStats' ;
76import { useStringGetter } from '@/hooks/useStringGetter' ;
8- import { useTokenConfigs } from '@/hooks/useTokenConfigs' ;
97
108import { layoutMixins } from '@/styles/layoutMixins' ;
119
12- import { Button } from '@/components/Button' ;
1310import { Output , OutputType } from '@/components/Output' ;
1411import { Tag } from '@/components/Tag' ;
1512
@@ -19,7 +16,6 @@ type ExchangeBillboardsProps = {
1916
2017export const ExchangeBillboards : React . FC < ExchangeBillboardsProps > = ( ) => {
2118 const stringGetter = useStringGetter ( ) ;
22- const { chainTokenLabel } = useTokenConfigs ( ) ;
2319
2420 const {
2521 stats : { volume24HUSDC, openInterestUSDC, feesEarned } ,
@@ -49,10 +45,8 @@ export const ExchangeBillboards: React.FC<ExchangeBillboardsProps> = () => {
4945 tagKey : STRING_KEYS . _24H ,
5046 value : feesEarned ,
5147 type : OutputType . Fiat ,
52- linkLabelKey : STRING_KEYS . LEARN_MORE_ARROW ,
53- link : `${ chainTokenLabel } ` ,
5448 } ,
55- ] . map ( ( { key, labelKey, tagKey, value, fractionDigits, type, link , linkLabelKey } ) => (
49+ ] . map ( ( { key, labelKey, tagKey, value, fractionDigits, type } ) => (
5650 < div
5751 key = { key }
5852 tw = "row flex-1 justify-between rounded-0.625 bg-color-layer-2 px-1 pb-0.5 pt-0.75 tablet:pb-0.75 tablet:pt-1"
@@ -62,17 +56,6 @@ export const ExchangeBillboards: React.FC<ExchangeBillboardsProps> = () => {
6256 { /* eslint-disable-next-line jsx-a11y/label-has-associated-control */ }
6357 < label > { stringGetter ( { key : labelKey } ) } </ label >
6458 < Tag > { stringGetter ( { key : tagKey } ) } </ Tag >
65-
66- { link && linkLabelKey ? (
67- < $BillboardLink
68- href = { link }
69- size = { ButtonSize . Small }
70- type = { ButtonType . Link }
71- action = { ButtonAction . Navigation }
72- >
73- { stringGetter ( { key : linkLabelKey } ) }
74- </ $BillboardLink >
75- ) : null }
7659 </ div >
7760 < Output
7861 useGrouping
@@ -88,13 +71,6 @@ export const ExchangeBillboards: React.FC<ExchangeBillboardsProps> = () => {
8871 </ div >
8972 ) ;
9073} ;
91- const $BillboardLink = styled ( Button ) `
92- --button-textColor: var(--color-accent);
93- --button-height: unset;
94- --button-padding: 0;
95- justify-content: flex-start;
96- margin-left: auto;
97- ` ;
9874const $BillboardStat = styled . div `
9975 ${ layoutMixins . column }
10076
0 commit comments