-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update Coinbase Wallet connector version, add CreateWalletButton
- Loading branch information
1 parent
6dce7fc
commit dde22ae
Showing
16 changed files
with
1,403 additions
and
1,562 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| import { useCallback } from 'react'; | ||
| import styled from 'styled-components'; | ||
| import { useConnect } from 'wagmi'; | ||
| import { RESPONSIVE_BREAKPOINTS } from '../../data/constants/Breakpoints'; | ||
|
|
||
| export function CoinbaseWalletLogo({ size = 26 }) { | ||
| return ( | ||
| <svg width={size} height={size} viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'> | ||
| <path | ||
| // eslint-disable-next-line max-len | ||
| d='M2.66675 15.9998C2.66675 23.3628 8.63712 29.3332 16.0001 29.3332C23.363 29.3332 29.3334 23.3628 29.3334 15.9998C29.3334 8.63687 23.363 2.6665 16.0001 2.6665C8.63712 2.6665 2.66675 8.63687 2.66675 15.9998ZM12.5927 11.7035H19.4075C19.9001 11.7035 20.2964 12.0998 20.2964 12.5924V19.4072C20.2964 19.8998 19.9001 20.2961 19.4075 20.2961H12.5927C12.1001 20.2961 11.7038 19.8998 11.7038 19.4072V12.5924C11.7038 12.0998 12.1001 11.7035 12.5927 11.7035Z' | ||
| fill='white' | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
|
|
||
| const StyledButton = styled.button` | ||
| display: flex; | ||
| flex-direction: row; | ||
| justify-content: center; | ||
| align-items: center; | ||
| gap: 0.75rem; | ||
| border-radius: 8px; | ||
| background: transparent; | ||
| background-color: #0052ff; | ||
| font-weight: 700; | ||
| font-size: 16px; | ||
| line-height: 21.6px; | ||
| white-space: nowrap; | ||
| padding: 12px 20px; | ||
| @media (max-width: ${RESPONSIVE_BREAKPOINTS.XS}px) { | ||
| display: none; | ||
| } | ||
| `; | ||
|
|
||
| export function BlueCreateWalletButton({ shouldShortenText }: { shouldShortenText: boolean }) { | ||
| const { connectors, connect } = useConnect(); | ||
|
|
||
| const createWallet = useCallback(() => { | ||
| const coinbaseWalletConnector = connectors.find((connector) => connector.id === 'coinbaseWalletSDK'); | ||
| if (coinbaseWalletConnector) { | ||
| connect({ connector: coinbaseWalletConnector }); | ||
| } | ||
| }, [connectors, connect]); | ||
| return ( | ||
| <StyledButton onClick={createWallet}> | ||
| <CoinbaseWalletLogo size={18} /> | ||
| {shouldShortenText ? 'Create' : 'Create Wallet'} | ||
| </StyledButton> | ||
| ); | ||
| } |
Oops, something went wrong.