From 87f376464b7da1309d1ce2fb98adc1d043458570 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 4 Apr 2024 13:48:57 -0300
Subject: [PATCH] Wait to render teleport until subtoolbar is shown

---
 src/pages/Customer/components/CustomerSamplesCreate.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/Customer/components/CustomerSamplesCreate.vue b/src/pages/Customer/components/CustomerSamplesCreate.vue
index b37ed79fa..2a22cf4ca 100644
--- a/src/pages/Customer/components/CustomerSamplesCreate.vue
+++ b/src/pages/Customer/components/CustomerSamplesCreate.vue
@@ -16,6 +16,7 @@ import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 import CustomerSamplesPreview from 'src/pages/Customer/components/CustomerSamplesPreview.vue';
+import { useStateStore } from 'stores/useStateStore';
 
 const { notify } = useNotify();
 const { t } = useI18n();
@@ -25,6 +26,7 @@ const route = useRoute();
 const router = useRouter();
 const state = useState();
 const user = state.getUser();
+const stateStore = useStateStore();
 
 const client = ref({});
 const hasChanged = ref(false);
@@ -61,7 +63,7 @@ const initialData = reactive({});
 onBeforeMount(async () => {
     const { data } = await axios.get(`Clients/1/getCard`);
     client.value = data;
-    initialData.clientFk = route.params.id;
+    initialData.clientFk = route.params?.id;
     initialData.recipient = data.email;
     initialData.recipientId = data.id;
 });
@@ -194,7 +196,7 @@ const toCustomerSamples = () => {
         url="Samples/visible"
     />
 
-    <Teleport to="#st-actions">
+    <Teleport v-if="stateStore?.isSubToolbarShown()" to="#st-actions">
         <QBtnGroup push class="q-gutter-x-sm">
             <QBtn
                 :label="t('globals.cancel')"