fix for new discussions not appearing right away
This commit is contained in:
		@ -9,7 +9,7 @@
 | 
				
			|||||||
	import { ref, reactive } from 'vue'
 | 
						import { ref, reactive } from 'vue'
 | 
				
			||||||
	import { getDiscussions, currentDiscussion, fetchDiscussion, createDiscussion } from '@/rest/msg.js'
 | 
						import { getDiscussions, currentDiscussion, fetchDiscussion, createDiscussion } from '@/rest/msg.js'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	const discussionsList = ref(await getDiscussions());
 | 
						const discussionsList = reactive(await getDiscussions());
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -17,7 +17,7 @@
 | 
				
			|||||||
	<div id="msg">
 | 
						<div id="msg">
 | 
				
			||||||
		<div id="discList">
 | 
							<div id="discList">
 | 
				
			||||||
			<div @click="fetchDiscussion(discussion.id)" class="discItem" v-for="discussion in discussionsList" :key="discussion.id">{{ discussion.name }}</div>
 | 
								<div @click="fetchDiscussion(discussion.id)" class="discItem" v-for="discussion in discussionsList" :key="discussion.id">{{ discussion.name }}</div>
 | 
				
			||||||
			<button id="createDiscussion" @click="createDiscussion('New Discussion'); getDiscussions().then(e => { discussionsList = e; })">+</button>
 | 
								<button id="createDiscussion" @click="createDiscussion('New Discussion').then( e => discussionsList.push(e) )">+</button>
 | 
				
			||||||
		</div>
 | 
							</div>
 | 
				
			||||||
		<div id="discussion">
 | 
							<div id="discussion">
 | 
				
			||||||
			<h1 id=msgName >{{currentDiscussion.name}}</h1>
 | 
								<h1 id=msgName >{{currentDiscussion.name}}</h1>
 | 
				
			||||||
 | 
				
			|||||||
@ -73,7 +73,7 @@ export async function fetchDiscussion(id){
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export async function createDiscussion(name){
 | 
					export async function createDiscussion(name){
 | 
				
			||||||
	restPost("/discussion", {name: name});
 | 
						return restPost("/discussion", {name: name});
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user