From 920c2c0ba80c28489fac2be461649949ffa66dfc Mon Sep 17 00:00:00 2001
From: Elizabeth Danzberger <lizzy7128@tutanota.de>
Date: Mon, 9 Sep 2024 15:14:01 -0400
Subject: [PATCH] fix: add cancel button

Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>
---
 src/view/DocumentTargetPicker.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/view/DocumentTargetPicker.vue b/src/view/DocumentTargetPicker.vue
index e0fbf612ce..6378a2c72c 100644
--- a/src/view/DocumentTargetPicker.vue
+++ b/src/view/DocumentTargetPicker.vue
@@ -5,7 +5,7 @@
 
 <template>
 	<div v-if="filePath === null" class="office-target-picker">
-		<div ref="picker" class="reference-file-picker" />
+		<div class="reference-file-picker" />
 	</div>
 	<div v-else class="office-target-picker">
 		<h2>{{ t('richdocuments', 'Link to office document section') }}</h2>
@@ -96,6 +96,13 @@ export default {
 		},
 		async openFilePicker() {
 			const filePickerButtons = [
+				{
+					label: t('richdocuments', 'Cancel'),
+					callback: () => {
+						this.$emit('cancel')
+					},
+					type: 'secondary',
+				},
 				{
 					label: t('richdocuments', 'Select file'),
 					callback: (files) => {
@@ -114,7 +121,7 @@ export default {
 				mimetypeFilter: getCapabilities().mimetypes,
 				allowPickDirectory: false,
 				buttons: filePickerButtons,
-				container: '.office-target-picker',
+				container: '.reference-file-picker',
 			})
 		},
 		setTarget(entry) {