SpkAirdropTooltip.tsx
1 import { Trans } from '@lingui/macro'; 2 3 import { Link } from '../primitives/Link'; 4 import { TextWithTooltip } from '../TextWithTooltip'; 5 6 export const SpkAirdropTooltip = () => { 7 return ( 8 <TextWithTooltip 9 wrapperProps={{ ml: 2 }} 10 color="warning.main" 11 iconSize={20} 12 icon={<image href="/icons/other/spark.svg" width={25} height={25} />} 13 > 14 <> 15 <Trans> 16 {`This asset is eligible for SPK incentive program. Aave Labs does not 17 guarantee the program and accepts no liability.\n`} 18 </Trans> 19 <br /> 20 <br /> 21 <Trans>{'Learn more about the SPK rewards'}</Trans>{' '} 22 <Link 23 href="https://forum.sky.money/t/spark-proposal-for-integrations-into-aave/25005" 24 sx={{ textDecoration: 'underline' }} 25 variant="caption" 26 color="text.secondary" 27 > 28 {'here'} 29 </Link>{' '} 30 <Trans>{'and about SPK program'}</Trans>{' '} 31 <Link 32 href="https://docs.spark.fi/rewards/spk-token#what-is-the-spk-pre-farming-airdrop" 33 sx={{ textDecoration: 'underline' }} 34 variant="caption" 35 color="text.secondary" 36 > 37 {'here'} 38 </Link> 39 {'.'} 40 </> 41 </TextWithTooltip> 42 ); 43 };