Clean up SVG files #1096
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -7,9 +7,8 @@ import { h } from 'preact'; | |
| import { createQrUrl } from '../../../../../core/util'; | ||
| import { LIB_VERSION } from '../../../../../version'; | ||
| import { CloseIcon } from '../icons/CloseIcon'; | ||
| import { CoinbaseWalletRound } from '../icons/CoinbaseWalletRound'; | ||
| import { QRCodeIcon } from '../icons/QRCodeIcon'; | ||
| import { QRCode } from '../QRCode'; | ||
| import { Spinner } from '../Spinner/Spinner'; | ||
| import { Theme } from '../types'; | ||
|
|
@@ -30,7 +29,6 @@ type ConnectContentProps = { | |
| const wallet = { | ||
| title: 'Coinbase Wallet app', | ||
| description: 'Connect with your self-custody wallet', | ||
| steps: CoinbaseWalletSteps, | ||
| }; | ||
|
|
||
|
|
@@ -67,27 +65,11 @@ export function ConnectContent(props: ConnectContentProps) { | |
| </div> | ||
| <div className="-cbwsdk-connect-content-layout"> | ||
| <div className="-cbwsdk-connect-content-column-left"> | ||
| <ConnectItem title={wallet.title} description={wallet.description} theme={theme} /> | ||
| </div> | ||
| <div className="-cbwsdk-connect-content-column-right"> | ||
| <div className="-cbwsdk-connect-content-qr-wrapper"> | ||
| <QRCode content={qrUrl} width={200} height={200} fgColor="#000" bgColor="transparent" /> | ||
|
There was a problem hiding this comment. this was missing on #1039 |
||
| <input type="hidden" name="cbw-cbwsdk-version" value={LIB_VERSION} /> | ||
| <input type="hidden" value={qrUrl} /> | ||
| </div> | ||
|
|
@@ -110,15 +92,14 @@ export function ConnectContent(props: ConnectContentProps) { | |
| type ConnectItemProps = { | ||
| title: string; | ||
| description: string; | ||
| theme: Theme; | ||
| }; | ||
|
|
||
| function ConnectItem({ title, description, theme }: ConnectItemProps) { | ||
| return ( | ||
| <div className={clsx('-cbwsdk-connect-item', theme)}> | ||
| <div> | ||
| <CoinbaseWalletRound /> | ||
| </div> | ||
| <div className="-cbwsdk-connect-item-copy-wrapper"> | ||
| <h3 className="-cbwsdk-connect-item-title">{title}</h3> | ||
|
|
||
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,24 @@ | ||
| import { h } from 'preact'; | ||
|
|
||
| export function CoinbaseWalletRound(props: h.JSX.SVGAttributes<SVGSVGElement>) { | ||
|
There was a problem hiding this comment. following the existing pattern |
||
| return ( | ||
| <svg | ||
|
There was a problem hiding this comment. copied from icons/coinbase-wallet-round.svg |
||
| width="28" | ||
| height="28" | ||
| viewBox="0 0 28 28" | ||
| fill="none" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| {...props} | ||
| > | ||
| <circle cx="14" cy="14" r="14" fill="#0052FF" /> | ||
| <path | ||
| d="M23.8521 14.0003C23.8521 19.455 19.455 23.8521 14.0003 23.8521C8.54559 23.8521 4.14844 19.455 4.14844 14.0003C4.14844 8.54559 8.54559 4.14844 14.0003 4.14844C19.455 4.14844 23.8521 8.54559 23.8521 14.0003Z" | ||
| fill="white" | ||
| /> | ||
| <path | ||
| d="M11.1855 12.5042C11.1855 12.0477 11.1855 11.7942 11.2835 11.642C11.3814 11.4899 11.4793 11.3377 11.6261 11.287C11.8219 11.1855 12.0178 11.1855 12.5073 11.1855H15.4934C15.983 11.1855 16.1788 11.1855 16.3746 11.287C16.5215 11.3884 16.6683 11.4899 16.7173 11.642C16.8152 11.8449 16.8152 12.0477 16.8152 12.5042V15.4965C16.8152 15.953 16.8152 16.2066 16.7173 16.3587C16.6194 16.5109 16.5215 16.663 16.3746 16.7137C16.1788 16.8152 15.983 16.8152 15.4934 16.8152H12.5073C12.0178 16.8152 11.8219 16.8152 11.6261 16.7137C11.4793 16.6123 11.3324 16.5109 11.2835 16.3587C11.1855 16.1558 11.1855 15.953 11.1855 15.4965V12.5042Z" | ||
| fill="#0052FF" | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
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
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we don't need svg conversion anymore