From 0ff57bed990f9b607b477e263b1ed8c7431501b7 Mon Sep 17 00:00:00 2001 From: oneway Date: Tue, 5 Apr 2022 08:52:41 -0500 Subject: [PATCH 01/18] token detail page styling --- .babelrc | 5 + .npmrc | 2 +- package.json | 12 + src/App.js | 10 +- src/tokenSearch/SearchFilters.jsx | 24 +- src/tokenSearch/SearchInput.jsx | 34 - src/tokenSearch/SearchResult.jsx | 20 +- src/tokenSearch/TokenPairDetail.jsx | 66 + src/tokenSearch/helpers/firstAndLast.js | 5 + src/tokenSearch/index.jsx | 7 +- tailwind.config.js | 249 + yarn.lock | 10440 ++++++++++++++++++++++ 12 files changed, 10813 insertions(+), 61 deletions(-) create mode 100644 .babelrc create mode 100644 src/tokenSearch/TokenPairDetail.jsx create mode 100644 tailwind.config.js create mode 100644 yarn.lock diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..63d357b --- /dev/null +++ b/.babelrc @@ -0,0 +1,5 @@ +{ + "plugins": [ + "babel-plugin-macros" + ] +} \ No newline at end of file diff --git a/.npmrc b/.npmrc index 2d44cdf..f78c538 100644 --- a/.npmrc +++ b/.npmrc @@ -1,3 +1,3 @@ @rbl:registry=https://us-central1-npm.pkg.dev/rbl-common/rbl/ -//us-central1-npm.pkg.dev/rbl-common/rbl/:_authToken="ya29.A0ARrdaM9B6xjaOUZqGZ0ZfYoXyDQot-aowdEpHCDBtqpipyhAzeW9Z22FXtG9uT7Wnv8JoIEYTWP92jF_92EzenTTCPYsHWM1kBD7BiWuP0Le3iT57yWpG8VgSO23Jxc5Ezx9eJBtADRxEQrgyk0qMy_CCzXO-A" +//us-central1-npm.pkg.dev/rbl-common/rbl/:_authToken="ya29.A0ARrdaM-arTNvyp8xPnwOdDs5ImemaYs6HvyVZFB_sSfem8KunBg-lSh92F85sFu55Lvzd4leUtV0V7ypxOCwpWAdkF4KXD_c60N1zqCha3pl6HDdZhEb6rZg9Syol8KqmmAPrkkPPHwkY5nhzsJR1wF8fWgeIpmIJs_7E60" //us-central1-npm.pkg.dev/rbl-common/rbl/:always-auth=true \ No newline at end of file diff --git a/package.json b/package.json index 87e7082..fa70ed8 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,8 @@ "version": "0.1.0", "private": true, "dependencies": { + "@babel/core": "^7.17.8", + "@babel/preset-env": "^7.16.11", "@rbl/terminal-library": "git+https://github.com/Rome-Blockchain-Labs/terminal-library.git#8dda04858acb1c45437325857eff56c60afca5ee", "@rbl/velox-common": "4.1.3", "@reduxjs/toolkit": "^1.8.0", @@ -25,6 +27,8 @@ "react-virtualized": "^9.22.3", "reactstrap": "^9.0.1", "styled-components": "^5.3.3", + "tailwindcss": "^3.0.23", + "twin.macro": "^2.8.2", "typescript": "^4.6.2", "web-vitals": "^2.1.4" }, @@ -52,5 +56,13 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "babelMacros": { + "twin": { + "preset": "styled-components" + } + }, + "devDependencies": { + "babel-plugin-macros": "^3.1.0" } } diff --git a/src/App.js b/src/App.js index e070a53..1d23cf8 100644 --- a/src/App.js +++ b/src/App.js @@ -3,17 +3,13 @@ import './App.css'; import { Provider } from 'react-redux'; import { store } from './redux/store'; import TokenSearch from "./tokenSearch"; +import 'styled-components/macro' function App() { return ( -
- -





-

-
+
+ - {/*