From c461e104287a0f23f403ce452164f49da14cad6d Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Sun, 3 Jul 2022 23:16:02 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A7=20Start=20on=20results=20component?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx        | 2 ++
 src/index.css      | 7 +++++++
 src/pages/Home.tsx | 2 +-
 3 files changed, 10 insertions(+), 1 deletion(-)

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() {
     <Container>
       <Routes>
         <Route path="/" element={<Home />} />
+        <Route path="/results/:address" element={<Results />} />
       </Routes>
     </Container>
   );
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);
     }
   };