add mnde tooltip to msol logo
This commit is contained in:
saml33
parent
acf242df3a
commit
9e82eec2f4
|
|
@ -4,6 +4,7 @@ import useJupiterMints from 'hooks/useJupiterMints'
|
|||
import Image from 'next/image'
|
||||
import { useMemo } from 'react'
|
||||
import { CUSTOM_TOKEN_ICONS } from 'utils/constants'
|
||||
import Tooltip from './Tooltip'
|
||||
|
||||
const TokenLogo = ({
|
||||
bank,
|
||||
|
|
@ -34,11 +35,37 @@ const TokenLogo = ({
|
|||
const logoSize = size ? size : 24
|
||||
|
||||
return logoUri ? (
|
||||
<div
|
||||
className={`h-[${logoSize}px] w-[${logoSize}px] rounded-full bg-th-bkg-2`}
|
||||
<Tooltip
|
||||
content={
|
||||
bank?.name === 'MSOL' ? (
|
||||
<>
|
||||
<p className="mb-2">
|
||||
Earn MNDE tokens for holding your mSOL on Mango
|
||||
</p>
|
||||
<a
|
||||
href="https://marinade.finance/blog/introducing-marinade-earn-season-1/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
View Details
|
||||
</a>
|
||||
</>
|
||||
) : null
|
||||
}
|
||||
>
|
||||
<Image alt="" width={logoSize} height={logoSize} src={logoUri} />
|
||||
</div>
|
||||
<div
|
||||
className={`h-[${logoSize}px] w-[${logoSize}px] relative rounded-full bg-th-bkg-2 ${
|
||||
bank?.name === 'MSOL' ? 'cursor-help' : ''
|
||||
}`}
|
||||
>
|
||||
<Image alt="" width={logoSize} height={logoSize} src={logoUri} />
|
||||
{bank?.name === 'MSOL' ? (
|
||||
<div className="absolute -right-1.5 -top-1.5 shadow">
|
||||
<Image alt="" width={16} height={16} src={'/icons/mnde.svg'} />
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
</Tooltip>
|
||||
) : (
|
||||
<QuestionMarkCircleIcon
|
||||
className={`h-[${logoSize}px] w-[${logoSize}px] text-th-fgd-3`}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_133_15)">
|
||||
<mask id="mask0_133_15" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
|
||||
<circle cx="16" cy="16" r="16" fill="#FFA101"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_133_15)">
|
||||
<circle cx="16" cy="16" r="16" fill="#2C8D8A"/>
|
||||
<path d="M13.0066 20.4355C13.8684 20.0941 14.7586 19.8257 15.6676 19.6332C16.2173 19.4703 16.4736 20.2803 15.9287 20.4483L15.6246 20.5214C15.3605 20.5844 15.0953 20.6479 14.832 20.7154C14.4183 20.8274 14.011 20.9606 13.6117 21.1146C13.4689 21.1401 13.3142 21.2192 13.157 21.2996L13.1487 21.3038C12.8089 21.4787 12.4597 21.6579 12.1998 21.3274C11.9247 20.8468 12.5022 20.6276 12.8956 20.4783L12.8957 20.4783L13.0066 20.4355Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3227 12.6283C16.5066 10.6072 18.6873 8.58897 21.7627 8.05836C26.0129 7.53461 28.9194 10.5997 27.733 14.6978C27.5392 15.4373 27.1922 16.1301 26.7133 16.7338C26.6662 16.7849 26.6095 16.852 26.5445 16.929L26.5257 16.9513C26.2655 17.2593 25.8869 17.7075 25.5208 17.9034C25.5993 18.2409 25.6991 18.5728 25.7988 18.9039L25.8008 18.9106C25.8243 18.9883 25.8475 19.0656 25.8704 19.1425L25.9158 19.2902C25.9238 19.3166 25.9319 19.3429 25.9399 19.3693C26.0209 19.6353 26.1021 19.9018 26.1684 20.1721C26.1878 20.2659 26.1733 20.3633 26.1275 20.4479C26.2298 20.7122 26.073 21.0755 25.6493 21.0663C24.8171 21.1669 23.9889 21.2419 23.164 21.3166C21.7136 21.4479 20.2722 21.5785 18.8328 21.8443C16.2647 22.2603 13.7591 22.9844 11.3732 24C11.3212 23.9986 11.27 23.9868 11.2228 23.9655C11.1756 23.9441 11.1333 23.9136 11.0985 23.8758C11.0422 23.8723 10.9874 23.8568 10.9379 23.8304C10.8884 23.804 10.8454 23.7673 10.812 23.723C10.5787 23.3181 10.4417 22.8696 10.3046 22.421L10.3031 22.416C10.215 22.1058 10.1102 21.8004 9.98913 21.501C9.96907 21.4435 9.94451 21.3872 9.91954 21.331C9.87705 21.2422 9.84346 21.1497 9.81924 21.0547C9.09105 21.2318 8.33269 21.2569 7.59388 21.1282C4.43924 20.6962 4.40117 17.6519 6.19955 15.6815C7.33065 14.4943 9.1626 14.0919 10.7718 14.2216C10.8754 14.2444 11.0134 14.2635 11.1681 14.2843L11.1703 14.2846C11.5019 14.3296 11.9077 14.3848 12.2026 14.5162C12.9268 13.9198 13.6227 13.2759 14.3187 12.632L14.3227 12.6283ZM25.0815 17.1465C25.3952 16.9085 25.6768 16.6327 25.9195 16.3258C27.1288 14.826 27.5345 12.545 26.5782 10.8336C26.0092 9.70266 24.7164 9.17093 23.514 8.93141C21.1024 8.58291 18.798 9.94139 17.0238 11.4064C16.2403 12.0312 15.5079 12.7186 14.7764 13.4056C13.6137 14.4971 12.4519 15.5877 11.085 16.426C10.5954 16.7174 10.1169 16.0156 10.6052 15.6962C10.8517 15.5363 11.0939 15.3692 11.3319 15.1949C9.84421 14.9218 8.20426 15.1234 7.03345 16.0974C6.16148 16.937 5.39513 18.5437 6.26546 19.6052C7.5599 20.6994 9.54905 20.4168 10.9602 19.6787C11.0676 19.6308 11.19 19.6259 11.301 19.6652C11.4121 19.7045 11.5028 19.7847 11.5538 19.8886C11.7429 20.3733 11.1534 20.6132 10.6466 20.784C10.8656 21.2385 11.0237 21.7196 11.1817 22.2005L11.1853 22.2116C11.2762 22.4914 11.3679 22.7709 11.4719 23.0455C12.1461 22.6794 12.8879 22.4479 13.6223 22.2188H13.626C14.9151 21.7953 16.2301 21.451 17.5634 21.188C19.3769 20.7992 21.2243 20.6223 23.0698 20.4456L23.0748 20.4451C23.8018 20.3757 24.5289 20.3058 25.2535 20.2236C25.1896 20.0144 25.1306 19.8032 25.0717 19.592C25.0087 19.3649 24.9456 19.1381 24.876 18.9134C24.8498 18.8001 24.8177 18.6882 24.7798 18.5781C24.7127 18.3713 24.639 18.1417 24.6308 17.9394C23.8239 17.8875 23.013 17.8435 22.2016 17.9086C22.001 17.9166 21.8037 17.9258 21.6084 17.9362C21.555 17.9498 21.4993 17.9529 21.4446 17.9453C20.6312 17.9932 19.8526 18.0731 19.0494 18.2575C18.6274 18.3584 18.2138 18.4848 17.7996 18.6114L17.7085 18.6392C17.5661 18.6826 17.4236 18.7261 17.2809 18.7681C17.1696 18.8018 17.0492 18.7909 16.9461 18.738C16.895 18.7118 16.8497 18.676 16.8129 18.6328C16.776 18.5895 16.7482 18.5396 16.7311 18.4859C16.714 18.4321 16.7079 18.3756 16.7132 18.3196C16.7185 18.2636 16.7351 18.2091 16.762 18.1593C16.7888 18.1096 16.8255 18.0654 16.8699 18.0295C16.9142 17.9935 16.9654 17.9664 17.0205 17.9497C17.7915 17.683 18.5803 17.4683 19.3814 17.307C20.0274 17.204 20.6762 17.1286 21.328 17.0807C21.8741 16.4368 21.9559 15.5074 21.6694 14.7414C21.5077 14.2068 22.326 13.9513 22.5057 14.4835C22.6142 14.818 22.6871 15.1624 22.7235 15.5114C22.787 15.7937 22.6453 16.4623 22.3891 17.0284C22.7242 17.0193 23.0596 17.0177 23.3953 17.0236C23.4071 17.0023 23.4208 16.9822 23.4362 16.9633C23.4861 16.902 23.552 16.855 23.627 16.8272C23.8513 16.5565 24.0166 16.2441 24.1129 15.909C24.1959 15.5804 24.2447 15.2444 24.2587 14.9062C24.3193 14.3517 25.1745 14.4344 25.1278 14.9905C25.1503 15.4208 24.9477 16.4332 24.5547 17.0755C24.6001 17.0807 24.6484 17.0851 24.6975 17.0891C24.8272 17.0959 24.9558 17.1151 25.0815 17.1465Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_133_15">
|
||||
<rect width="32" height="32" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
Loading…
Reference in New Issue