ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change cipher links to coinbase wallet (#34)

Browse Source 
* Change cipher links to coinbase wallet

* Add coinbase wallet logo, remove cipher logo, update code
This commit is contained in:
Kenny Tran 2018-10-15 18:58:13 -07:00 committed by Chi Kei Chan
parent a0ed20cd09
commit 756e70a4a8
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/images/cipher-browser-logo.svg
View File

@ -1 +0,0 @@
<svg width="1072" height="1072" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a"><stop stop-color="#3949AB" offset="0%"/><stop stop-color="#1A237E" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle fill="url(#a)" cx="535.714" cy="535.714" r="535.714"/><g transform="rotate(45 169.906 687.237)" fill="#FFF"><path d="M66.814 0h177.9c36.9 0 66.814 29.914 66.814 66.814v177.9c0 36.9-29.913 66.814-66.813 66.814H66.814C29.914 311.528 0 281.615 0 244.715V66.814C0 29.914 29.914 0 66.814 0zm88.95 214.176c32.26 0 58.412-26.152 58.412-58.412s-26.152-58.411-58.412-58.411-58.411 26.151-58.411 58.411c0 32.26 26.151 58.412 58.411 58.412z"/><path d="M397.81 25.058c-23.063 0-41.759 18.696-41.759 41.759v177.9c0 23.064 18.696 41.76 41.759 41.76h177.9c23.063 0 41.76-18.696 41.76-41.76v-177.9c0-23.063-18.697-41.759-41.76-41.759h-177.9zm0-25.055h177.9c36.9 0 66.814 29.914 66.814 66.814v177.9c0 36.901-29.913 66.815-66.814 66.815h-177.9c-36.9 0-66.814-29.914-66.814-66.814V66.817c0-36.9 29.913-66.814 66.814-66.814z" fill-rule="nonzero"/><circle cx="486.76" cy="155.767" r="58.412"/><path d="M66.814 330.999h177.9c36.9 0 66.814 29.914 66.814 66.814v177.9c0 36.9-29.913 66.814-66.813 66.814H66.814C29.914 642.527 0 612.614 0 575.714V397.813c0-36.9 29.914-66.814 66.814-66.814zm88.95 214.176c32.26 0 58.412-26.152 58.412-58.412s-26.152-58.411-58.412-58.411-58.411 26.151-58.411 58.411c0 32.26 26.151 58.412 58.411 58.412zm242.049-214.176h177.9c36.9 0 66.814 29.914 66.814 66.814v177.9c0 36.9-29.913 66.814-66.813 66.814H397.813c-36.9 0-66.814-29.913-66.814-66.813V397.813c0-36.9 29.914-66.814 66.814-66.814zm88.95 214.176c32.26 0 58.412-26.152 58.412-58.412s-26.152-58.411-58.412-58.411-58.411 26.151-58.411 58.411c0 32.26 26.151 58.412 58.411 58.412z"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/images/coinbase-wallet-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

18
src/components/Header/index.js
View File

@ -4,7 +4,7 @@ import { drizzleConnect } from 'drizzle-react'
import classnames from 'classnames';
import UAParser from 'ua-parser-js';
import Logo from '../Logo';
import CipherLogo from '../../assets/images/cipher-browser-logo.svg';
import CoinbaseWalletLogo from '../../assets/images/coinbase-wallet-logo.png';
import TrustLogo from '../../assets/images/trust-wallet-logo.svg';
import Web3Status from '../Web3Status';
@ -12,9 +12,9 @@ import "./header.scss";
import NavigationTabs from "../NavigationTabs";
const links = {
cipher: {
android: 'https://play.google.com/store/apps/details?id=com.cipherbrowser.cipher&hl=en_US',
ios: 'https://itunes.apple.com/us/app/cipher-browser-ethereum/id1294572970?mt=8',
coinbaseWallet: {
android: 'https://play.google.com/store/apps/details?id=org.toshi',
ios: 'https://itunes.apple.com/us/app/coinbase-wallet/id1278383455'
},
trust: {
android: 'https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp&hl=en_US',
@ -36,15 +36,15 @@ function getTrustLink() {
}
}
function getCipherLink() {
function getCoinbaseWalletLink() {
const os = ua.getOS();
if (os.name === 'Android') {
return links.cipher.android;
return links.coinbaseWallet.android;
}
if (os.name === 'iOS') {
return links.cipher.ios;
return links.coinbaseWallet.ios;
}
}
@ -58,10 +58,10 @@ function Header (props) {
>
<div>No Ethereum wallet found</div>
<div className="header__dialog__description">
Please visit us from a web3-enabled mobile browser, such as Trust Wallet and Cipher Browser.
Please visit us from a web3-enabled mobile browser, such as Trust Wallet and Coinbase Wallet.
</div>
<div className="header__download">
<img src={CipherLogo} onClick={() => window.open(getCipherLink(), '_blank')} />
<img src={CoinbaseWalletLogo} onClick={() => window.open(getCoinbaseWalletLink(), '_blank')} />
<img src={TrustLogo} onClick={() => window.open(getTrustLink(), '_blank')} />
</div>
</div>