From 55dc62e57e9907993a9725ca1c9b07245a2dc896 Mon Sep 17 00:00:00 2001 From: Aditya Sankaran Date: Mon, 30 Sep 2019 18:06:23 -0400 Subject: [PATCH] connected backend to frontend for writing microblogs --- functions/handlers/post.js | 6 ++---- functions/index.js | 3 ++- twistter-frontend/src/App.js | 2 ++ twistter-frontend/src/Userline.js | 24 +++++++++++++++++++++ twistter-frontend/src/Writing_Microblogs.js | 11 ++++++++-- 5 files changed, 39 insertions(+), 7 deletions(-) create mode 100644 twistter-frontend/src/Userline.js diff --git a/functions/handlers/post.js b/functions/handlers/post.js index 3a27c1a..68ac37c 100644 --- a/functions/handlers/post.js +++ b/functions/handlers/post.js @@ -1,15 +1,13 @@ const admin = require('firebase-admin'); /* eslint-disable promise/always-return */ exports.putPost = (req, res) => { - if (req.body.body.trim() === '') { - return res.status(400).json({ body: 'Body must not be empty!'}); - } + const newPost = { body: req.body.body, userHandle: req.body.userHandle, userImage: req.body.userImage, - title: req.body.title, + microBlogTitle: req.body.microBlogTitle, createdAt: new Date().toISOString(), likeCount: 0, commentCount: 0, diff --git a/functions/index.js b/functions/index.js index 7d0498a..b4dbbcd 100644 --- a/functions/index.js +++ b/functions/index.js @@ -19,7 +19,8 @@ const { // post routes -app.post('/putPost', FBauth, putPost); +//app.post('/putPost', FBauth, putPost); +app.post('/putPost', putPost); // users routes app.get('/getUser/:handle', getUserDetails); diff --git a/twistter-frontend/src/App.js b/twistter-frontend/src/App.js index 3b0a077..1fea229 100644 --- a/twistter-frontend/src/App.js +++ b/twistter-frontend/src/App.js @@ -12,6 +12,7 @@ import register from './Register.js'; import login from './Login.js'; import user from './pages/user'; import writeMicroblog from './Writing_Microblogs.js'; +import userLine from './Userline.js'; class App extends Component { render() { @@ -25,6 +26,7 @@ class App extends Component { + diff --git a/twistter-frontend/src/Userline.js b/twistter-frontend/src/Userline.js new file mode 100644 index 0000000..af4ba7a --- /dev/null +++ b/twistter-frontend/src/Userline.js @@ -0,0 +1,24 @@ +import React, { Component } from "react"; +import { BrowserRouter as Router } from 'react-router-dom'; +import Route from 'react-router-dom/Route'; +import axios from 'axios'; + +class Userline extends Component { + + constructor(props) + { + super(props); + this.state = { + + } + } + + render() { + return ( +

Hi

+ ) + } + +} + +export default Userline; \ No newline at end of file diff --git a/twistter-frontend/src/Writing_Microblogs.js b/twistter-frontend/src/Writing_Microblogs.js index 4769a9a..d9cbb1e 100644 --- a/twistter-frontend/src/Writing_Microblogs.js +++ b/twistter-frontend/src/Writing_Microblogs.js @@ -27,12 +27,19 @@ class Writing_Microblogs extends Component { handleSubmit(event) { // alert('A title for the microblog was inputted: ' + this.state.title + '\nA microblog was posted: ' + this.state.value); - const response = await axios.post( + + const response = axios.post( 'http://localhost:5001/twistter-e4649/us-central1/api/putPost', - { }, + { body: this.state.value, + userHandle: "new user", + userImage: "bing-url", + microBlogTitle: this.state.title + + }, { headers: { 'Content-Type': 'application/json'} } ) console.log(response.data); + event.preventDefault(); }