fix: add cancel button

Signed-off-by: Elizabeth Danzberger <[email protected]>

Author: elzody

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) {