fix: display proper file name in guest name picker

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

src/components/GuestNamePicker.vue

@@ -5,11 +5,11 @@
 		:show.sync="show">
 		<div class="modal__content">
 			<h3>
-				<NcIconSvgWrapper v-if="mimeTypeIcon !== null"
+				<NcIconSvgWrapper v-if="file.icon !== null"
 					:inline="true"
-					:svg="mimeTypeIcon"
+					:svg="file.icon"
 					:size="35" />
-				{{ t('richdocuments', fileName) }}
+				{{ file.name }}
 			</h3>
 
 			<p>
@@ -55,19 +55,25 @@ export default {
 			type: Function,
 			default: () => {},
 		},
+		fileName: {
+			type: String,
+			default: '',
+		},
 	},
 
 	data() {
 		return {
 			guestName: '',
-			fileName: '',
-			mimeTypeIcon: null,
 			show: true,
+			file: {
+				name: this.fileName,
+				icon: null,
+			},
 		}
 	},
 
 	async mounted() {
-		const fileName = document.getElementById('filename').value
+		const name = document.getElementById('filename').value
 		const mimeTypeIcon = async () => {
 			const url = document.getElementById('mimetypeIcon').value
 			let res
@@ -81,8 +87,10 @@ export default {
 			return (res.status === 200) ? res.data : null
 		}
 
-		this.fileName = fileName
-		this.mimeTypeIcon = await mimeTypeIcon()
+		this.file = {
+			name: this.file.name === '' ? name : this.file.name,
+			icon: await mimeTypeIcon(),
+		}
 	},
 
 	methods: {

src/view/Office.vue

@@ -288,6 +288,7 @@ export default {
 				'../components/GuestNamePicker.vue')
 
 			spawnDialog(GuestNamePicker, {
+				fileName: this.filename.replace('/', ''),
 				onSubmit: async (guestName) => {
 					this.guestName = guestName
 					await this.load()