switch to styled components for raw renderer

1 files changed, 13 insertions, 0 deletions

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index ae95dcb..eb63ed9 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -11,6 +11,7 @@ import {
   useParams
 } from "react-router-dom";
 import Raw from './renderers/Raw'
+import Dispatch from './renderers/Raw'
 
 const SpacedTitle = styled.div`
     margin-top: 10vh
@@ -38,6 +39,15 @@ const GetRawWithParam = () => {
   );
 }
 
+const RenderWithParam = () => {
+  let { hash } = useParams();
+  console.log(hash)
+
+  return (
+    <Dispatch hash={hash} />
+  );
+}
+
 function App() {
   return (
     <Router>
@@ -58,6 +68,9 @@ function App() {
 
           <main id="appElement">
             <Switch>
+              <Route path="/render/:hash"
+                children={<RenderWithParam />}
+              />
               <Route path="/:hash"
                 children={<GetPasteWithParam />}
               />