Merge pull request #27 from jackyzha0/save-lang

save lang

1 files changed, 14 insertions, 6 deletions

diff --git a/frontend/src/components/PasteInfo.js b/frontend/src/components/PasteInfo.js
index 5217901..ea4981c 100644
--- a/frontend/src/components/PasteInfo.js
+++ b/frontend/src/components/PasteInfo.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components'
 import { useHistory } from 'react-router-dom';
-import { LangInput, ThemeInput } from './Inputs'
+import { ThemeInput } from './Inputs'
 
 const Bold = styled.span`
     font-weight: 700
@@ -19,6 +19,10 @@ const ButtonRow = styled.div`
     display: inline;
 `
 
+const SpacedText = styled.span`
+    margin-right: 1em;
+`
+
 const Flex = styled.div`
     float: right;
     display: flex;
@@ -36,10 +40,6 @@ const PasteInfo = (props) => {
     return (
         <div>
             <Flex>
-                <LangInput
-                    value={props.lang}
-                    onChange={props.onChange}
-                    id="langInput" />
                 <ThemeInput
                     value={props.theme}
                     onChange={props.onChange}
@@ -54,8 +54,16 @@ const PasteInfo = (props) => {
                         >
                         view raw
                     </Button>
+                    <SpacedText>
+                        <Bold>language:&nbsp;</Bold>{props.lang}
+                    </SpacedText>
+                    <SpacedText>
+                        <Bold>expires:&nbsp;</Bold>{props.expiry}
+                    </SpacedText>
+                    <SpacedText>
+                        {props.err}
+                    </SpacedText>
                 </ButtonRow>
-                <Bold>expires:&nbsp;</Bold>{props.expiry}
             </StyledDiv>
         </div>
     );