hooked up recruiter application management page

ui/src/pages/Application.vue

@@ -3,6 +3,7 @@ import ApplicationChat from '@/components/application/ApplicationChat.vue';
 import ApplicationForm from '@/components/application/ApplicationForm.vue';
 import { onMounted, ref } from 'vue';
 import { ApplicationData, loadApplication, postApplication, postChatMessage, Status } from '@/api/application';
+import { useRoute } from 'vue-router';
 
 const appData = ref<ApplicationData>(null);
 const appID = ref<number | null>(null);
@@ -16,7 +17,10 @@ const loading = ref<boolean>(true);
 const member_name = ref<string>();
 onMounted(async () => {
     try {
-        const raw = await loadApplication()
+        //get app ID from URL param
+        const router = useRoute();
+        const appIDRaw = router.params.id.toString();
+        const raw = await loadApplication(appIDRaw);
         if (raw === null) {
             //new app
             appData.value = null

ui/src/pages/ManageApplications.vue

@@ -58,8 +58,9 @@ async function handleDeny(id) {
     appList.value = await getAllApplications();
 }
 
+const router = useRouter();
 function openApplication(id) {
-    useRouter().push('/hi')
+    router.push(`/applications/${id}`)
 }
 
 onMounted(async () => {