allow delete without refreshing page

This commit is contained in:
Leon Liang 2019-12-02 00:00:25 -05:00
parent 9fff6ed81c
commit 445c8b39de

View File

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