import styled from "styled-components" ; import * as React from "react" ; import { Link } from "react-router-dom" ; import { HollowGreenCheck , NorthEastArrow } from "../icons" ; import { colors } from "../styleConstants" ; import { urlConstants as links } from "@joincivil/utils" ; export const TokenWelcomeHeaderText = props => ( < > < h2 > Hello , you ’ re about to become a Civil member < /h2> < p > Let ’ s get you set up to use , buy or sell Civil tokens < /p> < />); export const TokenBuySellHeaderText = props => < h2 > Buy or Sell Civil Tokens < /h2>; export const TokenConnectWalletText = props => ( < > < h3 > Connect your cryptocurrency wallet < /h3> < p > Use your wallet to safely store your cryptocurrencies like Ether ( ETH ) and Civil tokens ( CVL ) < /p> < />); export const TokenConnectWalletCompletedText = props => ( < h3 > < HollowGreenCheck /> Wallet Connected < /h3>); export const TokenWalletAddressText = props => ( < > < span > Public Address < /span>{" "} < a href = { links . FAQ_WHAT_IS_PUBLIC_WALLET_ADDRESS } target = "_blank" > What 's this? < /a> < />); export const TokenMustBuyEth = props => ( < > To complete your membership contribution and receive Civil tokens ( CVL ) , you must use Ether ( ETH ) . Then you will be able to exchange ETH for CVL . { " " } < a href = "https://blog.joincivil.com/how-to-purchase-eth-an-explainer-725bd90cfaaa" target = "_blank" > Learn how to buy ETH here . < /a> < />); export const TokenConnectWalletBtnText = props => < > Connect your wallet < />; export const TokenAuthText = props => ( < > < h3 > Sign up or Log in to your Civil account < /h3> < />); export const TokenAuthBtnText = props => < > Sign up or Log in < />; export const TokenBuyTextDisabled = props => ( < p > Sign up or Log in to use , share or buy Civil tokens . < /p>); export const TokenBuyBtnDisabledText = props => < > Buy CVL < />; export const TokenBuyFoundationBtnText = props => ( < > Buy CVL from Civil Media Company in Airswap < />); export const TokenBuyExchangeBtnText = props => < > Buy CVL on the open market in Airswap < />; export const TokenBuyText = props => ( < > < p > To buy Civil tokens ( CVL ) , you must have Ether ( ETH ) . Then , you will be able to exchange ETH for CVL . If you don 't have enough ETH , you can buy ETH on < a href = "https://coinbase.com" > Coinbase < /a> or{" "} < a href = "https://gemini.com" > Gemini < /a> or{" "} < a href = "https://blog.joincivil.com/how-to-purchase-eth-an-explainer-725bd90cfaaa" > learn how < /a>. Please note, if you are a first - time purchaser , it may take a few days to get ETH in your wallet . < /p> < />); export const TokenAirswapFoundationText = props => ( < > < h3 > Contribute to the Civil Foundation < /h3> < p > Buy Civil tokens from The Civil Media Company and 100 % of net proceeds go to the Civil Foundation for supporting worthy journalism . { " " } < a href = "https://medium.com/@kinsleyd/5e0ccdc918cc" target = "_blank" > Learn about our transparent pricing . < /a> < /p> < />); export const TokenUniswapExchangeText = props => ( < > < h3 > Buy Civil tokens on the open market < /h3> < p > The Civil community can buy and sell Civil tokens between each other without a middle man , sometimes resulting in a lower price than offered by The Civil Media Company . Tokens bought on the open market perform the exact same utility as those purchased directly from The Civil Media Company , however none of the proceeds go to the Civil Foundation . Instead , the funds go to a third - party buyer . < /p> < />); export const TokenAirswapExchangeTermsOfSaleTextContainer = styled . div `
  margin-top: 12px;
  font-size: 13px;
  color: ${ colors . primary . CIVIL_GRAY_2 };
` ; export const TokenAirswapExchangeTermsOfSaleText = props => ( < TokenAirswapExchangeTermsOfSaleTextContainer > By clicking buy to purchase Civil tokens , you agree to the { " " } < a href = "https://civil.co/terms-of-sale/" target = "_blank" > Terms of Sale . < /a> < /TokenAirswapExchangeTermsOfSaleTextContainer>); export const TokenOrText = props => < p > or < /p>; export const TokenBuyCompleteText = props => ( < > < h3 > Thanks for your purchase ! < /h3> < p > Your CVL will be deposited to your wallet address . < /p> < p > Please check the { " " } < Link to = "/dashboard/tasks/transfer-voting-tokens" target = "_blank" > Dashboard < /Link>{" "} to see your purchased CVL in the Available Balance . < br / > To learn how to add Civil tokens in your MetaMask wallet , { " " } < a href = { links . FAQ_HOME } target = "_blank" > go to our FAQ < NorthEastArrow color = { colors . accent . CIVIL_BLUE } / > < /a> < /p> < />); export const TokenSellInstructionsText = props => ( < p > To sell Civil tokens ( CVL ) , you must first exchange them for Ether ( ETH ) . Then , you will be able to exchange ETH for USD or local currencies at an exchange like { " " } < a href = "https://coinbase.com" target = "_blank" > Coinbase < /a>{" "} or { " " } < a href = "https://gemini.com/" target = "_blank" > Gemini < /a> < /p>); export const TokenSellAirswapText = props => < h3 > Sell Civil tokens in Airswap < /h3>; export const TokenSellCompleteText = props => ( < > < h3 > Your sell was successful ! < /h3> < p > Your ETH will be deposited to your wallet address . < /p> < p > Please check the { " " } < Link to = "/dashboard/tasks/transfer-voting-tokens" target = "_blank" > Dashboard < /Link>{" "} to see your CVL balance in the Available Balance . To learn how to sell ETH for USD , { " " } < a href = { links . FAQ_HOME } target = "_blank" > go to our FAQ < NorthEastArrow color = { colors . accent . CIVIL_BLUE } / > < /a> . < /p> < />); export const TokenETHFAQQuestion1Text = props => < h3 > What is Ethereum , ETH and gas ? < /h3>; export const TokenETHFAQQuestion2Text = props => < h3 > Why do I need ETH ? < /h3>; export const TokenETHFAQQuestion3Text = props => < h3 > How do I buy ETH ? < /h3>; export const TokenETHFAQQuestion4Text = props => < h3 > How long does it take to buy ETH ? < /h3>; export const TokenETHFAQQuestion5Text = props => < h3 > What is Airswap ? < /h3>; export const TokenDonateToCivilFoundationText = ( ) => ( < > < h3 > Donate to the Civil Foundation < /h3> < p > Want to support this project , but don ’ t want to buy Civil tokens ? < /p> < />); export const TokenQuestionsHeaderText = props => < h3 > Ask Questions < /h3>; export const TokenFAQText = props => ( < > < p > For support inquiries , send email to < a href = { "mailto:" + `${ links . EMAIL_SUPPORT }` } > { links . EMAIL_SUPPORT } < /a> < /p> < p > Read our { " " } < a href = { links . FAQ_HOME } target = "_blank" > Frequently Asked Questions ( FAQ ) < /a>{" "} for general help < /p> < />); export const SellFeeNotice = ( props ) => ( < small > A small transaction fee will be added for all sales . This fee does not go to the Civil Media Company . Learn more < /small>); export const ApproveNoticeText = ( { cvlToSell } ) => ( < span > Almost there ! You need to authorize the exchange to sell { cvlToSell } CVL on your behalf . After you approve you can complete the sale . < /span>);