From 0c2d38a59f890afed6466658e1ad0341656137c8 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 16:53:52 -0800
Subject: title refactor

---
 frontend/src/components/App.js | 42 +++++++++++++++++++-----------------------
 1 file changed, 19 insertions(+), 23 deletions(-)

(limited to 'frontend/src/components/App.js')

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index 543cd46..f28a220 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -7,35 +7,33 @@ import {
   BrowserRouter as Router,
   Switch,
   Route,
-  Link,
   useParams
 } from "react-router-dom";
 import Raw from './renderers/Raw'
 
-const SpacedTitle = styled.div`
-    margin-top: 10vh
+const Logo = styled.div`
+    position: absolute;
+    bottom: 1.5em;
+    left: 2em;
+    opacity: 0.3;
+    
+    & h1 {
+      font-size: 3rem;
+    }
 `
 
-const Desc = () => {
-  return (
-    <h3>a modern, <a href="https://github.com/jackyzha0/ctrl-v" target="_blank" rel="noopener noreferrer">open-source</a> pastebin with latex and markdown rendering support</h3>
-  );
-}
+const Main = styled.main`
+  margin-top: 10vh;
+`
 
 const GetPasteWithParam = () => {
   let { hash } = useParams();
-
-  return (
-    <ViewPaste hash = {hash} />
-  );
+  return <ViewPaste hash = {hash} />;
 }
 
 const GetRawWithParam = () => {
   let { hash } = useParams();
-
-  return (
-    <Raw hash={hash} />
-  );
+  return <Raw hash={hash} />;
 }
 
 const App = () => {
@@ -47,17 +45,15 @@ const App = () => {
         />
         <Route>
           <div className="lt-content-column">
-            <SpacedTitle>
+            <Logo>
               <nav>
                 <h1 className="mainLogo">
-                  <span role="img" aria-label="clipboard">📋&nbsp;</span>
-                  <Link to="/">ctrl-v</Link>
+                  <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
                 </h1>
-                <Desc />
               </nav>
-            </SpacedTitle>
+            </Logo>
 
-            <main id="appElement">
+            <Main id="appElement">
               <Switch>
                 <Route path="/:hash"
                   children={<GetPasteWithParam />}
@@ -66,7 +62,7 @@ const App = () => {
                   <NewPaste />
                 </Route>
               </Switch>
-            </main>
+            </Main>
 
             <Footer />
           </div>
-- 
cgit v1.2.3


From 3e8500d466b641ef34c24f8b0de8163a44ba7a9e Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 5 Mar 2021 22:17:18 -0800
Subject: refactoring css

---
 frontend/src/components/App.js | 76 ------------------------------------------
 1 file changed, 76 deletions(-)
 delete mode 100644 frontend/src/components/App.js

(limited to 'frontend/src/components/App.js')

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
deleted file mode 100644
index f28a220..0000000
--- a/frontend/src/components/App.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-import NewPaste from './NewPaste'
-import ViewPaste from './ViewPaste'
-import Footer from './Footer'
-import styled from 'styled-components'
-import {
-  BrowserRouter as Router,
-  Switch,
-  Route,
-  useParams
-} from "react-router-dom";
-import Raw from './renderers/Raw'
-
-const Logo = styled.div`
-    position: absolute;
-    bottom: 1.5em;
-    left: 2em;
-    opacity: 0.3;
-    
-    & h1 {
-      font-size: 3rem;
-    }
-`
-
-const Main = styled.main`
-  margin-top: 10vh;
-`
-
-const GetPasteWithParam = () => {
-  let { hash } = useParams();
-  return <ViewPaste hash = {hash} />;
-}
-
-const GetRawWithParam = () => {
-  let { hash } = useParams();
-  return <Raw hash={hash} />;
-}
-
-const App = () => {
-  return (
-    <Router>
-      <Switch>
-        <Route path="/raw/:hash"
-          children={<GetRawWithParam />}
-        />
-        <Route>
-          <div className="lt-content-column">
-            <Logo>
-              <nav>
-                <h1 className="mainLogo">
-                  <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a>
-                </h1>
-              </nav>
-            </Logo>
-
-            <Main id="appElement">
-              <Switch>
-                <Route path="/:hash"
-                  children={<GetPasteWithParam />}
-                />
-                <Route path="/">
-                  <NewPaste />
-                </Route>
-              </Switch>
-            </Main>
-
-            <Footer />
-          </div>
-        </Route>
-      </Switch>
-    </Router>
-  );
-}
-
-
-export default App;
-- 
cgit v1.2.3