ClaytonWWilson/CS307-Team24
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/CS307-Team24.git synced 2025-12-16 10:18:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

likeCount updating auto

Browse Source
This commit is contained in:
Aditya Sankaran 2019-11-30 16:50:20 -05:00
parent a36212c23d
commit ca7f793d4c
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
twistter-frontend/src/pages/Home.js
View File

@ -129,10 +129,14 @@ class Quote extends Component {
} }
handleSubmitWithoutPost(event) { handleSubmitWithoutPost(event) {
const post = {
userImage: "bing-url",
}
const headers = { const headers = {
headers: { "Content-Type": "application/json" } headers: { "Content-Type": "application/json" }
}; };
axios.post(`/quoteWithoutPost/${this.props.microblog}`, headers) axios.post(`/quoteWithoutPost/${this.props.microblog}`, post, headers)
.then((res) => { .then((res) => {
console.log(res.data); console.log(res.data);
@ -164,7 +168,8 @@ class Quote extends Component {
handleSubmit(event) { handleSubmit(event) {
const quotedPost = { const quotedPost = {
quotePost: this.state.value, body: this.state.value,
userImage: "bing-url",
}; };
const headers = { const headers = {
headers: { "Content-Type": "application/json" } headers: { "Content-Type": "application/json" }
@ -230,7 +235,8 @@ class Like extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { this.state = {
num : this.props.count,
like: false
} }
this.handleClick = this.handleClick.bind(this); this.handleClick = this.handleClick.bind(this);
@ -244,7 +250,9 @@ class Like extends Component {
if(this.state.like == false) if(this.state.like == false)
{ {
this.setState(() => {
return {num: this.state.num + 1}
});
axios.get(`/like/${this.props.microBlog}`) axios.get(`/like/${this.props.microBlog}`)
.then((res) => { .then((res) => {
console.log(res.data); console.log(res.data);
@ -255,6 +263,9 @@ class Like extends Component {
} }
else else
{ {
this.setState(() => {
return {num: this.state.num - 1}
});
axios.get(`/unlike/${this.props.microBlog}`) axios.get(`/unlike/${this.props.microBlog}`)
.then((res) => { .then((res) => {
console.log(res.data); console.log(res.data);
@ -267,7 +278,7 @@ class Like extends Component {
} }
componentDidMount() { /* componentDidMount() {
axios.get(`/checkforLikePost/${this.props.microBlog}`) axios.get(`/checkforLikePost/${this.props.microBlog}`)
.then((res) => { .then((res) => {
this.setState({ this.setState({
@ -278,14 +289,14 @@ class Like extends Component {
.catch((err) => { .catch((err) => {
console.log(err) console.log(err)
}) })
} } */
render() { render() {
const label = this.state.like ? 'Unlike' : 'Like' const label = this.state.like ? 'Unlike' : 'Like'
return( return(
<div> <div>
<Typography variant="body2" color={"textSecondary"}>Likes {this.props.count}</Typography> <Typography variant="body2" color={"textSecondary"}>Likes {this.state.num}</Typography>
<button onClick={this.handleClick}>{label}</button> <button onClick={this.handleClick}>{label}</button>
</div> </div>
) )