From 94aab3b5ef21c753595b2748456134ec9a59d7a0 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sat, 9 May 2020 23:07:12 -0700
Subject: add title component

---
 frontend/src/components/PasteArea.js | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

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

diff --git a/frontend/src/components/PasteArea.js b/frontend/src/components/PasteArea.js
index f7c060c..fb3db64 100644
--- a/frontend/src/components/PasteArea.js
+++ b/frontend/src/components/PasteArea.js
@@ -1,10 +1,12 @@
 import React from 'react';
+import { TitleInput, PasteInput } from './Inputs'
 
 class PasteArea extends React.Component {
     constructor(props) {
         super(props);
         this.state = { 
-            value: ''
+            title: '',
+            content: '',
         };
 
         this.handleChange = this.handleChange.bind(this);
@@ -12,20 +14,30 @@ class PasteArea extends React.Component {
     }
 
     handleChange(event) {
-        this.setState({ value: event.target.value });
+        const target = event.target;
+        const name = target.name;
+
+        this.setState({
+            [name]: target.value
+        });
     }
 
     handleSubmit(event) {
-        alert('paste content: ' + this.state.value);
+        console.log(`title: ${this.state.title}`)
+        console.log(`content: ${this.state.content}`)
         event.preventDefault();
     }
 
     render() {
         return (
             <form onSubmit={this.handleSubmit}>
-                <textarea placeholder="Paste your text here"
-                    value={this.state.value} onChange={this.handleChange} className="lt-shadow"/>
-                <br></br>
+                <TitleInput 
+                    onChange={this.handleChange}
+                    value={this.state.title} />
+                <PasteInput
+                    onChange={this.handleChange}
+                    content={this.state.content} />
+                <br />
                 <input className="lt-button lt-shadow lt-hover" type="submit" value="new paste" />
             </form>
         );
-- 
cgit v1.2.3


From 22c58b4d7d864414c599761f92212a5825003950 Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sun, 10 May 2020 00:25:31 -0700
Subject: input length check and component splitting

---
 frontend/src/components/PasteArea.js | 14 ++++++++++++--
 1 file changed, 12 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 fb3db64..f026ef9 100644
--- a/frontend/src/components/PasteArea.js
+++ b/frontend/src/components/PasteArea.js
@@ -13,6 +13,14 @@ class PasteArea extends React.Component {
         this.handleSubmit = this.handleSubmit.bind(this);
     }
 
+    componentDidUpdate() {
+        if (this.state.title === "") {
+            document.title = `ctrl-v`;
+        } else {
+            document.title = `ctrl-v | ${this.state.title}`;
+        }
+    }
+
     handleChange(event) {
         const target = event.target;
         const name = target.name;
@@ -33,10 +41,12 @@ class PasteArea extends React.Component {
             <form onSubmit={this.handleSubmit}>
                 <TitleInput 
                     onChange={this.handleChange}
-                    value={this.state.title} />
+                    value={this.state.title}
+                    maxLength="100" />
                 <PasteInput
                     onChange={this.handleChange}
-                    content={this.state.content} />
+                    content={this.state.content}
+                    maxLength="100000" />
                 <br />
                 <input className="lt-button lt-shadow lt-hover" type="submit" value="new paste" />
             </form>
-- 
cgit v1.2.3