Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add bloom wallet config + logo #353

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 84 additions & 0 deletions packages/connectkit/src/assets/logos.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -1321,6 +1321,89 @@ const Fordefi = ({ ...props }) => (
</svg>
);

export const Bloom = ({ ...props }) => (
<svg
{...props}
width="128"
height="128"
viewBox="0 0 128 128"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_b_159_287)">
<rect width="128" height="128" fill="url(#paint0_linear_159_287)" />
</g>
<path d="M64.0095 66.9176C62.8967 68.9345 63.3836 72.4815 73.6768 85.0003C91.1335 106.073 101.009 90.8424 96.6974 82.7747C106.156 99.536 88.8384 113.724 75.485 107.812C67.9042 104.404 61.7144 93.9026 59.2802 83.8876C55.3855 67.6827 62.549 66.4308 64.0095 66.9176Z" fill="url(#paint1_linear_159_287)" />
<path d="M64.01 66.9182C65.6096 68.5874 69.087 69.2829 84.1791 63.3017C109.634 53.2171 98.1584 39.0988 89.1866 40.6984C108.034 36.8732 116.241 57.7378 106.435 68.6569C100.871 74.8467 88.978 77.4896 78.6848 76.655C62.0626 75.3336 63.1059 68.1005 64.01 66.9182Z" fill="url(#paint2_linear_159_287)" />
<path d="M64.0101 66.9177C66.0965 65.944 67.8352 62.8143 66.792 46.6095C65.0533 19.3464 48.0834 25.8145 46.8315 34.8558C49.0571 15.7299 71.3822 14.4085 78.7544 27.0663C82.9273 34.2994 81.745 46.4008 77.7807 55.9289C71.3822 71.3687 64.8447 68.1 64.0101 66.9177Z" fill="url(#paint3_linear_159_287)" />
<path d="M66.7918 46.6096C65.0531 19.3465 48.0137 25.8146 46.8314 34.856C46.4836 37.6379 46.6227 40.5589 47.1095 43.4799C50.9347 45.2882 54.6208 47.6528 57.8201 50.3652C68.1133 59.1283 66.7223 64.275 65.0531 66.0832C66.5832 64.4141 67.6264 60.0325 66.7918 46.6096Z" fill="url(#paint4_linear_159_287)" />
<path d="M64.0095 66.9178C63.7313 64.6227 61.2971 62.0494 45.5791 58.0156C19.0811 51.1998 20.0548 69.3521 28.2615 73.3859C10.8048 65.3878 16.4383 43.6885 30.6957 40.6284C38.8329 38.8897 49.9607 43.7582 57.8197 50.4348C70.4776 61.2149 65.4005 66.431 64.0095 66.9178Z" fill="url(#paint5_linear_159_287)" />
<path d="M64.0093 66.918C61.7142 66.5007 58.515 68.0309 49.8214 81.7319C35.1467 104.822 52.7425 109.551 59.0714 102.944C46.0658 117.063 27.1485 105.031 28.6786 90.4951C29.5132 82.2188 37.6504 73.1078 46.4135 67.7526C60.6014 58.9895 64.0093 65.4575 64.0093 66.918Z" fill="url(#paint6_linear_159_287)" />
<path d="M84.1786 63.3016C109.633 53.2171 98.1579 39.0292 89.1861 40.6983C86.4737 41.1852 83.6918 42.2979 81.0489 43.6193C80.4925 47.7922 79.3797 52.1042 77.7801 55.9294C72.6335 68.4482 67.3478 68.6569 65.0527 67.6832C67.1392 68.6569 71.6599 68.2396 84.1786 63.3016Z" fill="url(#paint7_linear_159_287)" />
<path d="M73.6766 85.0007C91.1333 106.074 101.079 90.7732 96.6972 82.7751C95.3757 80.3409 93.4979 78.0458 91.4115 75.9593C87.2385 76.7244 82.857 77.0026 78.6841 76.6548C65.1916 75.6116 63.3834 70.6737 63.592 68.1699C63.3138 70.465 65.1221 74.6379 73.6766 85.0007Z" fill="url(#paint8_linear_159_287)" />
<path d="M49.8218 81.7319C35.1471 104.822 52.8124 109.621 59.0718 102.944C60.9496 100.927 62.6188 98.4235 63.9402 95.7807C61.9233 92.0946 60.3237 87.9218 59.35 83.8879C56.1508 70.7432 60.3237 67.4744 62.7579 66.918C60.3932 67.4048 56.9853 70.3954 49.8218 81.7319Z" fill="url(#paint9_linear_159_287)" />
<path d="M45.5101 58.0156C19.0121 51.1999 19.9162 69.4912 28.1925 73.386C30.6963 74.5683 33.5478 75.3333 36.5384 75.7506C39.4594 72.6904 42.8673 69.9086 46.4143 67.683C57.9593 60.589 62.3409 63.51 63.5928 65.666C62.4105 63.6491 58.5157 61.354 45.5101 58.0156Z" fill="url(#paint10_linear_159_287)" />
<defs>
<filter id="filter0_b_159_287" x="-1.35914" y="-1.35914" width="130.718" height="130.718" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feGaussianBlur in="BackgroundImageFix" stdDeviation="0.67957" />
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_159_287" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_159_287" result="shape" />
</filter>
<linearGradient id="paint0_linear_159_287" x1="19.6779" y1="-83.848" x2="81.6722" y2="122.802" gradientUnits="userSpaceOnUse">
<stop stop-color="#B882FF" />
<stop offset="1" stop-color="#2F00A6" />
</linearGradient>
<linearGradient id="paint1_linear_159_287" x1="59.4545" y1="69.2649" x2="93.9982" y2="104.05" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.1" />
<stop offset="0.25" stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint2_linear_159_287" x1="64.7702" y1="72.027" x2="108.53" y2="49.9246" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.1" />
<stop offset="0.25" stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint3_linear_159_287" x1="69.0506" y1="67.6901" x2="61.5513" y2="19.2442" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.1" />
<stop offset="0.25" stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint4_linear_159_287" x1="59.85" y1="27.6087" x2="55.6723" y2="55.3608" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint5_linear_159_287" x1="66.3303" y1="62.3729" x2="17.936" y2="54.5358" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.1" />
<stop offset="0.25" stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint6_linear_159_287" x1="60.3117" y1="63.3084" x2="37.9021" y2="106.909" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.1" />
<stop offset="0.25" stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint7_linear_159_287" x1="100.047" y1="50.8934" x2="72.3612" y2="55.4953" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint8_linear_159_287" x1="90.4573" y1="96.2819" x2="77.5244" y2="71.3748" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint9_linear_159_287" x1="44.197" y1="101.142" x2="63.8895" y2="81.1463" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint10_linear_159_287" x1="25.3691" y1="58.7338" x2="50.4734" y2="71.2827" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0.9" />
<stop offset="1" stop-color="white" stop-opacity="0.1" />
</linearGradient>
</defs>
</svg>
);


export default {
Mock,
Injected,
Expand Down Expand Up @@ -1352,4 +1435,5 @@ export default {
Fordefi,
TokenPocket,
Talisman,
Bloom,
};
14 changes: 13 additions & 1 deletion packages/connectkit/src/wallets/walletConfigs.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,19 @@ export const walletConfigs: {
: `https://argent.link/app/wc?uri=${encodeURIComponent(uri)}`;
},
},
'coinbaseWallet, coinbaseWalletSDK': {
bloom: {
name: 'Bloom',
icon: <Logos.Bloom />,
downloadUrls: {
download: 'https://connect.family.co/v0/download/bloom',
website: 'https://bloomwallet.io/',
desktop: 'https://bloomwallet.io/',
},
getWalletConnectDeeplink: (uri: string) => {
return `bloom://wallet-connect/wc?uri=${encodeURIComponent(uri)}`;
Copy link
Contributor

@aschenkel aschenkel Jul 11, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @MarkNerdi, since #392 is merged, now you need to add the shouldDeeplinkDesktop prop as true.
That will have Bloom wallet working.

},
},
'coinbaseWallet, com.coinbase.wallet, coinbaseWalletSDK': {
name: 'Coinbase Wallet',
shortName: 'Coinbase',
icon: <Logos.Coinbase background />,
Expand Down