From 0b37c8b715b8f5ebea4472c9e7d6104ca8adbdc8 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Fri, 15 May 2020 22:11:13 -0700
Subject: add view raw button

---
 frontend/src/components/PasteInfo.js | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

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

diff --git a/frontend/src/components/PasteInfo.js b/frontend/src/components/PasteInfo.js
index dabbb94..5217901 100644
--- a/frontend/src/components/PasteInfo.js
+++ b/frontend/src/components/PasteInfo.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import styled from 'styled-components'
+import { useHistory } from 'react-router-dom';
 import { LangInput, ThemeInput } from './Inputs'
 
 const Bold = styled.span`
@@ -7,10 +8,17 @@ const Bold = styled.span`
 `
 
 const StyledDiv = styled.div`
-    margin: 2em 0;
     display: inline-block;
 `
 
+const Button = styled.button`
+    margin-left: 0 !important;
+`
+
+const ButtonRow = styled.div`
+    display: inline;
+`
+
 const Flex = styled.div`
     float: right;
     display: flex;
@@ -19,6 +27,12 @@ const Flex = styled.div`
 `
 
 const PasteInfo = (props) => {
+    const history = useHistory();
+    const redir = () => {
+        const redirUrl = `/raw/${props.hash}`
+        history.push(redirUrl);
+    }
+
     return (
         <div>
             <Flex>
@@ -32,6 +46,15 @@ const PasteInfo = (props) => {
                     id="themeInput" />
             </Flex>
             <StyledDiv>
+                <ButtonRow>
+                    <Button 
+                        className="lt-shadow lt-hover" 
+                        type="button"
+                        onClick={redir}
+                        >
+                        view raw
+                    </Button>
+                </ButtonRow>
                 <Bold>expires:&nbsp;</Bold>{props.expiry}
             </StyledDiv>
         </div>
-- 
cgit v1.2.3