mars-v2-frontend/src/components/common/DoubleLogo.tsx
Linkie Link 000aa71e06
Miscellaneous (#737)
* fix: sorted assets by value

* tidy: refactored AssetsSelectTable

* fix: fixed the multipleVaultWithdraw Modal
2024-01-18 09:36:26 +01:00

28 lines
738 B
TypeScript

import classNames from 'classnames'
import AssetImage from 'components/common/assets/AssetImage'
import useAsset from 'hooks/assets/useAsset'
interface Props {
primaryDenom: string
secondaryDenom: string
}
export default function DoubleLogo(props: Props) {
const primaryAsset = useAsset(props.primaryDenom)
const secondaryAsset = useAsset(props.secondaryDenom)
if (!primaryAsset || !secondaryAsset) return null
return (
<div className='relative grid w-12 place-items-center'>
<div className='absolute'>
<AssetImage asset={primaryAsset} size={24} />
</div>
<div className='absolute'>
<AssetImage asset={secondaryAsset} size={16} className='mt-5 ml-5' />
</div>
</div>
)
}