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

allow delete without refreshing page

Browse Source
This commit is contained in:
Leon Liang 2019-12-02 00:00:25 -05:00
parent 9fff6ed81c
commit 445c8b39de
1 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
twistter-frontend/src/pages/user.js
View File

@ -70,12 +70,15 @@ const styles = {
};
class user extends Component {
state = {
profile: null,
imageUrl: null,
topics: null,
newTopic: null
};
constructor() {
super();
this.state = {
profile: null,
imageUrl: null,
topics: null,
newTopic: null
};
}
handleDelete = topic => {
console.log(topic);
@ -83,8 +86,16 @@ class user extends Component {
.post(`/deleteTopic`, {
unfollow: topic
})
.then(function() {
location.reload();
.then(() => {
let tempTopics = this.state.topics;
tempTopics.forEach((oldTopic, index) => {
if (oldTopic === topic) {
tempTopics.splice(index, 1);
}
});
this.setState({
topics: tempTopics
});
})
.catch(function(err) {
console.log(err);
@ -96,8 +107,13 @@ class user extends Component {
.post("/putTopic", {
following: this.state.newTopic
})
.then(function() {
location.reload();
.then(() => {
let tempTopics = this.state.topics;
tempTopics.push(this.state.newTopic);
this.setState({
topics: tempTopics,
newTopic: ""
});
})
.catch(function(err) {
console.log(err);