From e0cc2b59d1e47f6dc45bc9e62de54a9c3dc8cceb Mon Sep 17 00:00:00 2001 From: Chi Kei Chan Date: Sat, 6 Oct 2018 15:53:46 -0700 Subject: [PATCH] Add Header --- package.json | 3 ++ public/index.html | 2 +- src/components/Header.js | 15 ------ src/components/Header/header.scss | 20 ++++++++ src/components/Header/index.js | 17 +++++++ src/components/Logo/index.js | 8 ++++ src/components/Logo/logo.scss | 4 ++ src/components/Web3Status/index.js | 55 ++++++++++++++++++++++ src/components/Web3Status/web3-status.scss | 30 ++++++++++++ src/index.js | 2 +- src/{index.css => index.scss} | 4 +- src/pages/App.js | 4 +- src/pages/App.scss | 2 + src/pages/Swap/index.js | 19 ++++++++ src/pages/Swap/swap.scss | 0 src/variables.scss | 18 +++++++ yarn.lock | 52 +++++++++++++++++--- 17 files changed, 230 insertions(+), 25 deletions(-) delete mode 100644 src/components/Header.js create mode 100644 src/components/Header/header.scss create mode 100644 src/components/Header/index.js create mode 100644 src/components/Logo/index.js create mode 100644 src/components/Logo/logo.scss create mode 100644 src/components/Web3Status/index.js create mode 100644 src/components/Web3Status/web3-status.scss rename src/{index.css => index.scss} (83%) create mode 100644 src/pages/Swap/index.js create mode 100644 src/pages/Swap/swap.scss create mode 100644 src/variables.scss diff --git a/package.json b/package.json index 88a883fff4..fd48d84ff7 100644 --- a/package.json +++ b/package.json @@ -5,9 +5,12 @@ "private": true, "dependencies": { "axios": "^0.18.0", + "classnames": "^2.2.6", "d3": "^4.13.0", + "jazzicon": "^1.5.0", "node-sass": "^4.9.3", "npm": "^6.0.0", + "prop-types": "^15.6.2", "react": "^16.2.0", "react-cookies": "^0.1.0", "react-dom": "^16.2.0", diff --git a/public/index.html b/public/index.html index 27e2496827..691b9bfa4f 100644 --- a/public/index.html +++ b/public/index.html @@ -19,7 +19,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - Uniswap + Uniswap - ERC20 Market Maker