diff --git a/src/App.tsx b/src/App.tsx index df558c0..1d8660c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,6 +1,7 @@ import { Route, Routes } from 'react-router-dom'; import Styled from 'styled-components'; import Home from 'pages/Home'; +import Results from 'pages/Results'; import colors from 'styles/colors'; const Container = Styled.main` @@ -16,6 +17,7 @@ function App() { } /> + } /> ); diff --git a/src/index.css b/src/index.css index 884ad95..b5ce0df 100644 --- a/src/index.css +++ b/src/index.css @@ -18,3 +18,10 @@ code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } +#fancy-background { color: var(--background, #141d2b); } + + +::selection { + background: var(--primary, #9fef00); + color: var(--background, #141d2b); +} diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 91c0a61..fac9318 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -51,7 +51,7 @@ const Home = (): JSX.Element => { setErrMsg('Must be a valid URL, IPv4 or IPv6 Address'); } else { const resultRouteParams: NavigateOptions = { state: { address, addressType } }; - navigate('/results', resultRouteParams); + navigate(`/results/${encodeURIComponent(address)}`, resultRouteParams); } };