From a635513d66fd4d2c605a0e64b4fa94828c64610e Mon Sep 17 00:00:00 2001
From: jackyzha0 <j.zhao2k19@gmail.com>
Date: Sun, 10 May 2020 16:33:00 -0700
Subject: linked backend and frontend

---
 frontend/package.json                |  1 +
 frontend/src/components/Inputs.js    |  1 +
 frontend/src/components/PasteArea.js | 54 +++++++++++++++++++++++++++++++++---
 3 files changed, 52 insertions(+), 4 deletions(-)

(limited to 'frontend')

diff --git a/frontend/package.json b/frontend/package.json
index 26a63d5..d32e1cc 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "axios": "^0.19.2",
     "d3-scale": "^3.2.1",
     "rc-slider": "^9.2.4",
     "react": "^16.13.1",
diff --git a/frontend/src/components/Inputs.js b/frontend/src/components/Inputs.js
index aa68a70..110d5bd 100644
--- a/frontend/src/components/Inputs.js
+++ b/frontend/src/components/Inputs.js
@@ -52,6 +52,7 @@ class PasteInput extends React.Component {
                     placeholder="Paste your text here"
                     value={this.props.content}
                     id={this.props.id}
+                    required
                     onChange={this.props.onChange}
                     className="lt-shadow" />
                 <CharLimit
diff --git a/frontend/src/components/PasteArea.js b/frontend/src/components/PasteArea.js
index 4232c7f..bd08fc1 100644
--- a/frontend/src/components/PasteArea.js
+++ b/frontend/src/components/PasteArea.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { TitleInput, PasteInput } from './Inputs'
 import OptionsContainer from './Options'
+import axios from 'axios';
 
 class PasteArea extends React.Component {
     constructor(props) {
@@ -33,11 +34,56 @@ class PasteArea extends React.Component {
         });
     }
 
+    parseExpiry(e) {
+        var cur = new Date();
+        var inSeconds = 0
+        switch (e) {
+            case '5 years':
+                inSeconds = 600 * 6 * 24 * 7 * 4 * 12 * 5
+                break;
+            case '1 year':
+                inSeconds = 600 * 6 * 24 * 7 * 4 * 12
+                break;
+            case '1 month':
+                inSeconds = 600 * 6 * 24 * 7 * 4
+                break;
+            case '1 day':
+                inSeconds = 600 * 6 * 24
+                break;
+            case '1 hour':
+                inSeconds = 600 * 6
+                break;
+            case '10 min':
+                inSeconds = 600
+                break;
+            case '1 week':
+            default:
+                inSeconds = 600 * 6 * 24 * 7
+                break;
+        }
+        return new Date(cur.getTime() + inSeconds * 1000).toISOString();
+    }
+
     handleSubmit(event) {
-        console.log(`title: ${this.state.title}`)
-        console.log(`content: ${this.state.content}`)
-        console.log(`pass: ${this.state.pass}`)
-        console.log(`expiry: ${this.state.expiry}`)
+        var bodyFormData = new FormData();
+        bodyFormData.set('title', this.state.title);
+        bodyFormData.set('content', this.state.content);
+        bodyFormData.set('password', this.state.pass);
+        bodyFormData.set('expiry', this.parseExpiry(this.state.expiry));
+
+        axios({
+            method: 'post',
+            url: 'http://localhost:8080/api',
+            data: bodyFormData,
+            headers: { 'Content-Type': 'multipart/form-data' },
+        }).then(function (response) {
+            //handle success
+            console.log(response);
+        }).catch(function (response) {
+            //handle error
+            console.log(response);
+        });
+
         event.preventDefault();
     }
 
-- 
cgit v1.2.3