working raw paste fetch

5 files changed, 29 insertions, 16 deletions

diff --git a/frontend/src/pages/[hash].js b/frontend/src/pages/[hash].js
index 27f808b..5a04e31 100644
--- a/frontend/src/pages/[hash].js
+++ b/frontend/src/pages/[hash].js
@@ -6,6 +6,8 @@ import PasteInfo from '../components/PasteInfo';
 import PasswordModal from '../components/modals/PasswordModal'
 import RenderDispatch from '../components/renderers/RenderDispatch'
 import useFetchPaste from "../http/useFetchPaste";
+import {Watermark} from "../components/Watermark";
+import ThemeProvider from "../theme/ThemeProvider";
 
 const ViewPaste = (props) => {
   const { err, requiresAuth, validPass, getWithPassword, result } = useFetchPaste(props.hash)
@@ -58,6 +60,7 @@ const ViewPaste = (props) => {
         onChange={(e) => setTheme(e.target.value)}
         err={<Error ref={ErrorLabelRef} />}
       />
+      <Watermark/>
     </div>
   );
 }
diff --git a/frontend/src/pages/_app.js b/frontend/src/pages/_app.js
index eb205e3..e013c64 100644
--- a/frontend/src/pages/_app.js
+++ b/frontend/src/pages/_app.js
@@ -1,7 +1,6 @@
 import React from 'react'
 import ThemeProvider from "../theme/ThemeProvider";
 import GlobalStyle from "../theme/GlobalStyle";
-import {Watermark} from "../components/Watermark";
 import styled from "styled-components";
 
 const Main = styled.div`
@@ -12,7 +11,6 @@ const Main = styled.div`
 const App = ({ Component, pageProps }) => (
   <ThemeProvider>
     <GlobalStyle />
-    <Watermark/>
     <Main id="appElement">
       <Component {...pageProps} />
     </Main>
diff --git a/frontend/src/pages/index.js b/frontend/src/pages/index.js
index 36bcad7..1b550e8 100644
--- a/frontend/src/pages/index.js
+++ b/frontend/src/pages/index.js
@@ -9,6 +9,7 @@ import Latex from '../components/renderers/Latex'
 import Markdown from '../components/renderers/Markdown'
 import {Button, SubmitButton} from "../components/Common/Button";
 import {newPaste} from "../http/shared";
+import {Watermark} from "../components/Watermark";
 
 const Container = styled.form`
   width: 100%;
@@ -147,6 +148,7 @@ const NewPaste = () =>  {
       </div>
       <br />
       <Error ref={ErrorLabel} />
+      <Watermark/>
     </Container>
   );
 }
diff --git a/frontend/src/pages/raw/[hash].js b/frontend/src/pages/raw/[hash].js
new file mode 100644
index 0000000..d0a66a7
--- /dev/null
+++ b/frontend/src/pages/raw/[hash].js
@@ -0,0 +1,24 @@
+import React from 'react';
+import resolvePaste from "../../http/useFetchPaste";
+import {CodeLike} from "../../components/Common/mixins";
+import styled from 'styled-components'
+
+const RawText = styled.pre`
+    ${CodeLike}
+    padding: 0 1em;
+`
+
+export async function getServerSideProps(ctx) {
+  const data = await resolvePaste(ctx.params.hash)
+
+  // Pass data to the page via props
+  return { props: { ...data } }
+}
+
+const Raw = ({error, data}) => {
+  return <RawText>
+    {data?.content || error}
+  </RawText>
+}
+
+export default Raw
\ No newline at end of file
diff --git a/frontend/src/pages/raw/index.js b/frontend/src/pages/raw/index.js
deleted file mode 100644
index 86db3d4..0000000
--- a/frontend/src/pages/raw/index.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import useFetchPaste from "../../http/useFetchPaste";
-import { useRouter } from 'next/router'
-
-
-export default (req, res) => {
-  const router = useRouter()
-  const { hash } = router.query
-  const { err, result } = useFetchPaste(hash)
-  res.statusCode = 200
-  res.json({
-    text: 'Hello World! This is the Next.js starter kit :D',
-  })
-}
\ No newline at end of file