Initial bug fixes (#127)

* Initial bug fixes

* fix compile error on non-mac

* Fix even more bugs

* Fix more

* fix more

* fix build

* fix build

* address review comments

theseus_gui/src/components/ui/InstallConfirmModal.vue

@@ -5,13 +5,15 @@ import { ref } from 'vue'
 
 const version = ref('')
 const title = ref('')
+const projectId = ref('')
 const icon = ref('')
 const confirmModal = ref(null)
 const installing = ref(false)
 
 defineExpose({
-  show: (id, projectTitle, projectIcon) => {
+  show: (id, projectId, projectTitle, projectIcon) => {
     version.value = id
+    projectId.value = projectId
     title.value = projectTitle
     icon.value = projectIcon
     confirmModal.value.show()
@@ -20,7 +22,7 @@ defineExpose({
 
 async function install() {
   installing.value = true
-  await pack_install(version.value, title.value, icon.value ? icon.value : null)
+  await pack_install(projectId.value, version.value, title.value, icon.value ? icon.value : null)
   confirmModal.value.hide()
 }
 </script>
@@ -28,10 +30,8 @@ async function install() {
 <template>
   <Modal ref="confirmModal" header="Are you sure?">
     <div class="modal-body">
-      <p>
-        This project is already installed on your system. Are you sure you want to install it again?
-      </p>
-      <div class="button-group">
+      <p>You already have this modpack installed. Are you sure you want to install it again?</p>
+      <div class="input-group push-right">
         <Button @click="() => $refs.confirmModal.hide()"><XIcon />Cancel</Button>
         <Button color="primary" :disabled="installing" @click="install()"
           ><DownloadIcon /> {{ installing ? 'Installing' : 'Install' }}</Button
@@ -48,11 +48,4 @@ async function install() {
   gap: 1rem;
   padding: 1rem;
 }
-
-.button-group {
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  justify-content: flex-end;
-}
 </style>