diff --git a/src/modals/contactMomenten/ContactMomentenForm.vue b/src/modals/contactMomenten/ContactMomentenForm.vue
index 25e4074..9cb470b 100644
--- a/src/modals/contactMomenten/ContactMomentenForm.vue
+++ b/src/modals/contactMomenten/ContactMomentenForm.vue
@@ -23,31 +23,29 @@ import { contactMomentStore, navigationStore, taakStore, zaakStore } from '../..
{{ `${getSex(klant)} ${getName(klant)}` }}
+
+
+ Geboortedatum: {{ getValidISOstring(klant?.geboortedatum) ? new Date(klant?.geboortedatum).toLocaleDateString() : 'N/A' }}
+
+
+ Geboorteplaats: {{ klant?.plaats ?? 'N/A' }}
+
+
+
+
+ KVK: {{ klant?.kvkNummer ?? 'N/A' }}
+
+
+ Locatie: {{ klant?.postcode ?? 'N/A' }} {{ klant?.straatnaam ?? 'N/A' }}
+
+
Geen klant geselecteerd
-
-
- Geboortedatum: {{ getValidISOstring(klant.geboortedatum) ? new Date(klant.geboortedatum).toLocaleDateString() : 'N/A' }}
-
-
- Geboorteplaats: {{ klant.plaats ?? 'N/A' }}
-
-
-
-
-
- status: {{ contactMoment.status }}
-
-
- startDate: {{ new Date(contactMoment.startDate).toLocaleDateString() }}
-
-
-
+
+
+ Status: {{ contactMoment.status }}
+
+
+ Start datum: {{ new Date(contactMoment.startDate).toLocaleDateString() }}
+
+
@@ -553,8 +559,12 @@ div[class='modal-container']:has(.ContactMomentenForm) {
gap: var(--zaa-margin-10);
}
-.flexContainer {
+.flexContainer, .statusContainer {
display: flex;
gap: var(--zaa-margin-10);
}
+
+.statusContainer {
+ align-items: center;
+}
diff --git a/src/views/widgets/ContactMomentenWidget.vue b/src/views/widgets/ContactMomentenWidget.vue
index 7a82c6a..761e906 100644
--- a/src/views/widgets/ContactMomentenWidget.vue
+++ b/src/views/widgets/ContactMomentenWidget.vue
@@ -109,8 +109,7 @@ export default {
mainText: (() => { // this is a self calling function to get the klant name, which is why you don't see it being called anywhere
const klant = klantResponse.entities.find(klant => klant.id === contactMoment.klant)
if (klant) {
- const tussenvoegsel = klant.tussenvoegsel ? klant.tussenvoegsel + ' ' : ''
- return `${klant.voornaam} ${tussenvoegsel}${klant.achternaam}`
+ return klant.type === 'persoon' ? `${klant.voornaam} ${klant.tussenvoegsel} ${klant.achternaam}` : `${klant.bedrijfsnaam}`
}
return ''
})(),