printing user-specific logos and signatures on invoices

1 files changed, 28 insertions, 1 deletions

diff --git a/src/components/PrintPreviewHeader.vue b/src/components/PrintPreviewHeader.vue
index 9e89c84..62da945 100644
--- a/src/components/PrintPreviewHeader.vue
+++ b/src/components/PrintPreviewHeader.vue
@@ -1,11 +1,38 @@
 <script setup lang="ts">
+  import { onMounted, ref } from "vue"
+ import  User from "./../classes/user.js"
+ import axios from "axios"
+
   const props = defineProps(["invoice"])
+
+  const user = ref()
+
+  // temporarily using this
+  // TODO: don't call api from PrintPreview
+  const getUser = async () => {
+    user.value = new User()
+
+    try {
+      const r = await axios.get('/user')
+      if (r.status === 200) {
+        user.value = r.data.data
+      }
+    } catch (err) {
+      console.error(err)
+    }
+  }
+
+  // TODO: remove
+  onMounted(() => {
+    getUser()
+  })
 </script>
 
 <template>
   <div class="print-preview-header">
+    <!-- TODO: add option to not use logo -->
     <div class="logo-container"> 
-      <img src="../assets/placeholderlogo.png"/>
+      <img :src="'/pub/' + user.LogoFile"/>
     </div>
 
     <div>