show category for practice session just logged

src/App.vue

@@ -10,14 +10,16 @@
 	const currentWorkingCategoryID = ref(1)
 	const summaryRef = ref(null)
 	const statusRef = ref(null)
+	const showCategoryRef = ref(null)
 
 	const updateCurrentWorkingCategoryID = (id) =>{
 		currentWorkingCategoryID.value = id
 	}
 
-	const refreshPage = () => {
+	const refreshPage = (session) => {
 		summaryRef.value.loadData()
 		statusRef.value.loadData()
+		showCategoryRef.value.loadCategory(session.practice_category_id)
 	}
 	
 </script>
@@ -32,7 +34,7 @@
 			<Summary ref="summaryRef" @update="updateCurrentWorkingCategoryID"/>
 		</section>
 		<section id="category">
-			<ShowCategory :currentWorkingCategoryID="currentWorkingCategoryID"/>
+			<ShowCategory ref="showCategoryRef" :currentWorkingCategoryID="currentWorkingCategoryID"/>
 		</section>
 		<section id="songs">
 			<Songs/>

src/components/show_category.vue

@@ -32,6 +32,7 @@
 	})
 
 	watch(currentWorkingCategoryID, loadCategory)
+	defineExpose ({loadCategory})
 </script>
 
 <template>

src/components/timer.vue

@@ -49,7 +49,7 @@
 					this.comments = null;
 					this.secondsToSubtract = 0;
 					window.localStorage.setItem('lastTotalSeconds', this.totalSeconds);
-					this.$emit('loggedTime')
+					this.$emit('loggedTime', reqBody)
 				});
 
 			},