From 5ad7b9820f27d62a5b8234856a988c551f267951 Mon Sep 17 00:00:00 2001
From: CodeNamedRobin <robinvandijke2002@gmail.com>
Date: Wed, 14 Aug 2024 20:12:21 +0200
Subject: [PATCH] feat(dashboard/invoice): made create invoice modal route to
 invoice view after completion

---
 .../components/invoice/forms/InvoiceCreateForm.vue        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/modules/financial/components/invoice/forms/InvoiceCreateForm.vue b/apps/dashboard/src/modules/financial/components/invoice/forms/InvoiceCreateForm.vue
index 09a4c62e..e98c54a3 100644
--- a/apps/dashboard/src/modules/financial/components/invoice/forms/InvoiceCreateForm.vue
+++ b/apps/dashboard/src/modules/financial/components/invoice/forms/InvoiceCreateForm.vue
@@ -74,9 +74,10 @@ import { createInvoiceSchema } from "@/utils/validation-schema";
 import UserLink from "@/components/UserLink.vue";
 import InputSpan from "@/components/InputSpan.vue";
 import {useInvoiceStore} from "@/stores/invoice.store";
-import type {CreateInvoiceRequest} from "@sudosos/sudosos-client";
+import type {CreateInvoiceRequest, InvoiceResponse} from "@sudosos/sudosos-client";
 import {handleError} from "@/utils/errorUtils";
 import {useToast} from "primevue/usetoast";
+import {useRouter} from "vue-router";
 
 const props = defineProps({
   form: {
@@ -87,6 +88,7 @@ const props = defineProps({
 const { t } = useI18n();
 const invoiceStore = useInvoiceStore();
 const toast = useToast();
+const router = useRouter();
 
 const emit = defineEmits(['submit:success', 'submit:error']);
 
@@ -105,7 +107,8 @@ setSubmit(props.form, props.form.context.handleSubmit(async (values) => {
     country: values.country,
     attention: values.attention,
   };
-  await invoiceStore.createInvoice(request).then(() => {
+  await invoiceStore.createInvoice(request).then((res: InvoiceResponse) => {
+    const invoiceId = res.id;
     emit('submit:success', request);
     toast.add({
       severity: 'success',
@@ -114,6 +117,7 @@ setSubmit(props.form, props.form.context.handleSubmit(async (values) => {
       life: 3000,
     });
     props.form.context.resetForm();
+    router.push({ name: "invoiceInfo", params: { id: invoiceId } });
   }).catch((err) => {
     emit('submit:error', err);
     handleError(err, toast);