From 7a3ca8a956468db1e3a66b4f0ec3beb8ad0b81f3 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sun, 10 May 2020 11:48:31 -0700
Subject: add focus opacity change, password input

---
 frontend/src/components/PasteArea.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

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

diff --git a/frontend/src/components/PasteArea.js b/frontend/src/components/PasteArea.js
index f026ef9..95ef6d8 100644
--- a/frontend/src/components/PasteArea.js
+++ b/frontend/src/components/PasteArea.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { TitleInput, PasteInput } from './Inputs'
+import OptionsContainer from './Options'
 
 class PasteArea extends React.Component {
     constructor(props) {
@@ -7,6 +8,7 @@ class PasteArea extends React.Component {
         this.state = { 
             title: '',
             content: '',
+            pass: '',
         };
 
         this.handleChange = this.handleChange.bind(this);
@@ -42,13 +44,18 @@ class PasteArea extends React.Component {
                 <TitleInput 
                     onChange={this.handleChange}
                     value={this.state.title}
-                    maxLength="100" />
+                    maxLength="100"
+                    id="titleInput" />
                 <PasteInput
                     onChange={this.handleChange}
                     content={this.state.content}
-                    maxLength="100000" />
+                    maxLength="100000"
+                    id="pasteInput" />
                 <br />
                 <input className="lt-button lt-shadow lt-hover" type="submit" value="new paste" />
+                <OptionsContainer
+                    pass={this.state.pass}
+                    onChange={this.handleChange} />
             </form>
         );
     }
-- 
cgit v1.2.3