diff --git a/src/App.js b/src/App.js index 625957376..6e9565ec9 100644 --- a/src/App.js +++ b/src/App.js @@ -6,6 +6,7 @@ import { Route, Switch, BrowserRouter, Redirect } from 'react-router-dom' import GlobalPage from './pages/GlobalPage' import TokenPage from './pages/TokenPage' import PairPage from './pages/PairPage' +import Link from './components/Link' import { useGlobalData, useGlobalChartData } from './contexts/GlobalData' import { isAddress } from './utils' import AccountPage from './pages/AccountPage' @@ -62,7 +63,7 @@ const Center = styled.div` background-color: ${({ theme }) => theme.onlyLight}; ` -const WarningWrapper = styled.div` +const BannerWrapper = styled.div` width: 100%; display: flex; justify-content: center; @@ -77,6 +78,19 @@ const WarningBanner = styled.div` font-weight: 500; ` +const UrlBanner = styled.div` + background-color: #ff007a; + padding: 1rem; + color: white; + width: 100%; + text-align: center; + font-weight: 500; +` + +const Decorator = styled.span` + text-decoration: underline; +` + /** * Wrap the component with the header and sidebar pinned tab */ @@ -110,12 +124,20 @@ function App() { return ( + + + {`Explore the new combinved V2 and V2 analytics at `} + + app.uniswap.org + {' '} + + {showWarning && ( - + {`Warning: The data on this site has only synced to Ethereum block ${latestBlock} (out of ${headBlock}). Please check back soon.`} - + )} {globalData && Object.keys(globalData).length > 0 &&