diff --git a/.vscode/settings.json b/.vscode/settings.json
index ba070fe2..fe76d727 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -20,4 +20,7 @@
     "[javascript]": {
         "editor.defaultFormatter": "dbaeumer.vscode-eslint"
     },
+    "[css]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
 }
diff --git a/css/main.css b/css/main.css
index 9a25a17a..18b3d532 100644
--- a/css/main.css
+++ b/css/main.css
@@ -7,10 +7,12 @@
 /* Pages */
 
 .pageHeader {
-	margin-block-start: var(--app-navigation-padding);
-    margin-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding)* 2);
-    min-height: var(--default-clickable-area);
-    line-height: var(--default-clickable-area);
+  margin-block-start: var(--app-navigation-padding);
+  margin-inline-start: calc(
+    var(--default-clickable-area) + var(--app-navigation-padding) * 2
+  );
+  min-height: var(--default-clickable-area);
+  line-height: var(--default-clickable-area);
 }
 
 /* Lists */
@@ -30,7 +32,7 @@
   margin-block-end: 11px !important;
 }
 
-.selectedZaakIcon>svg {
+.selectedZaakIcon > svg {
   fill: white;
 }
 
@@ -88,22 +90,24 @@
   overflow: auto;
 }
 
+.tabPanelFileUpload {
+  margin-block-end: 15px !important;
+}
 
 .detailGrid {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
 }
 
-.publishedIcon>svg {
+.publishedIcon > svg {
   fill: var(--color-success);
 }
-.warningIcon>svg {
+.warningIcon > svg {
   fill: var(--color-warning);
 }
 
-
 /* Modals */
-.form-group > *  {
+.form-group > * {
   margin-block-end: 10px;
 }
 
@@ -122,34 +126,39 @@
   color: var(--color-error);
 }
 
+/* File drag and drop */
+
+.filesListDragDropNotice {
+  width: 100%;
+  min-height: 113px;
+  margin: 0;
+  user-select: none;
+  color: var(--color-text-maxcontrast);
+  background-color: var(--color-main-background);
+  border-color: #000;
+}
+
+.filesListDragDropNoticeWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 15vh;
+  max-height: 70%;
+  padding: 0 5vw;
+  border: 2px var(--color-border-dark) dashed;
+  border-radius: var(--border-radius-large);
+}
+
+.filesListDragDropNoticeWrapperIcon {
+  display: flex;
+}
+
+.filesListDragDropNoticeTitle {
+  margin: 12px 0;
+}
 
-/* File drag and drop */ 
- 
-.filesListDragDropNotice{ 
-  display: flex; 
-  align-items: center; 
-  justify-content: center; 
-  width: 100%; 
-  min-height: 113px; 
-  margin: 0; 
-  user-select: none; 
-  color: var(--color-text-maxcontrast); 
-  background-color: var(--color-main-background); 
-  border-color: #000; 
-} 
- 
-.filesListDragDropNoticeWrapper{ 
-  display: flex; 
-  align-items: center; 
-  justify-content: center; 
-  height: 15vh; 
-  max-height: 70%; 
-  padding: 0 5vw; 
-  border: 2px var(--color-border-dark) dashed; 
-  border-radius: var(--border-radius-large); 
-} 
- 
-.filesListDragDropNoticeTitle{ 
-  margin-left: 16px; 
-  color: inherit; 
+.filesListDragDropNoticeTitle {
+  margin-left: 16px;
+  color: inherit;
 }
diff --git a/src/composables/UseFileSelection.js b/src/composables/UseFileSelection.js
index 69b79672..20444c7f 100644
--- a/src/composables/UseFileSelection.js
+++ b/src/composables/UseFileSelection.js
@@ -4,7 +4,7 @@ import { publicationStore } from './../store/store.js'
 
 /**
  * File selection composable
- * @param options
+ * @param {Array} options
  *
  * Special thanks to Github user adamreisnz for creating most of this file
  * https://github.com/adamreisnz
@@ -19,6 +19,7 @@ export function useFileSelection(options) {
 		allowMultiple,
 		allowedFileTypes,
 		onFileDrop,
+		onFileSelect,
 	} = options
 
 	// Data types computed ref
@@ -53,20 +54,13 @@ export function useFileSelection(options) {
 		}
 		filesList.value = files
 		onFileDrop && onFileDrop()
+		onFileSelect && onFileSelect()
 	}
 
 	const reset = () => {
 		filesList.value = null
 	}
 
-	// const onLeave = () => {
-	// let timer
-	// document.addEventListener('mousemove', () => {
-	// clearTimeout(timer)
-	// timer = setTimeout(isOverDropZone.value = false, 300)
-	// })
-	// }
-
 	const setFiles = (files) => {
 		filesList.value = files
 		publicationStore.setAttachmentFile(null)
diff --git a/src/dialogs/attachment/DepublishAttachmentDialog.vue b/src/dialogs/attachment/DepublishAttachmentDialog.vue
index 71f90eb5..ef3398b7 100644
--- a/src/dialogs/attachment/DepublishAttachmentDialog.vue
+++ b/src/dialogs/attachment/DepublishAttachmentDialog.vue
@@ -79,23 +79,22 @@ export default {
 					},
 					body: JSON.stringify(publicationStore.attachmentItem),
 				},
-			)
-				.then((response) => {
-					this.loading = false
-					this.succes = true
+			).then(() => {
+				this.loading = false
+				this.succes = true
 
-					if (publicationStore.publicationItem) {
-						publicationStore.getPublicationAttachments(publicationStore.publicationItem)
-					}
+				if (publicationStore.publicationItem) {
+					publicationStore.getPublicationAttachments(publicationStore.publicationItem)
+				}
 
-					// Wait for the user to read the feedback then close the model
-					const self = this
-					setTimeout(function() {
-						self.succes = false
-						publicationStore.setAttachmentItem(false)
-						navigationStore.setDialog(false)
-					}, 2000)
-				})
+				// Wait for the user to read the feedback then close the model
+				const self = this
+				setTimeout(function() {
+					self.succes = false
+					publicationStore.setAttachmentItem(false)
+					navigationStore.setDialog(false)
+				}, 2000)
+			})
 				.catch((err) => {
 					this.error = err
 					this.loading = false
diff --git a/src/dialogs/attachment/PublishAttachmentDialog.vue b/src/dialogs/attachment/PublishAttachmentDialog.vue
index 92c0fa25..7ca99c3b 100644
--- a/src/dialogs/attachment/PublishAttachmentDialog.vue
+++ b/src/dialogs/attachment/PublishAttachmentDialog.vue
@@ -60,7 +60,6 @@ export default {
 	},
 	data() {
 		return {
-
 			loading: false,
 			succes: false,
 			error: false,
@@ -68,7 +67,10 @@ export default {
 	},
 	methods: {
 		PublishAttachment() {
+			const now = new Date().toISOString()
 			this.loading = true
+			publicationStore.attachmentItem.published = now
+
 			fetch(
 				`/index.php/apps/opencatalogi/api/attachments/${publicationStore.attachmentItem.id}`,
 				{
diff --git a/src/main.js b/src/main.js
index f6bf3bfc..11977c19 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,4 +11,4 @@ new Vue(
 		pinia,
 		render: h => h(App),
 	},
-).$mount('#opencatalogi')
+).$mount('#content')
diff --git a/src/modals/attachment/AddAttachmentModal.vue b/src/modals/attachment/AddAttachmentModal.vue
index 619cb6bb..165538e1 100644
--- a/src/modals/attachment/AddAttachmentModal.vue
+++ b/src/modals/attachment/AddAttachmentModal.vue
@@ -7,84 +7,90 @@ import { navigationStore, publicationStore } from '../../store/store.js'
 		ref="modalRef"
 		label-id="AddAttachmentModal"
 		@close="navigationStore.setModal(false)">
-		<div ref="dropZoneRef" class="modal__content">
+		<div class="modal__content">
 			<h2>Bijlage toevoegen</h2>
-			<div v-if="!isOverDropZone">
-				<div v-if="success !== null || error">
-					<NcNoteCard v-if="success" type="success">
-						<p>Bijlage succesvol toegevoegd</p>
-					</NcNoteCard>
-					<NcNoteCard v-if="!success" type="error">
-						<p>Er is iets fout gegaan bij het toevoegen van bijlage</p>
-					</NcNoteCard>
-					<NcNoteCard v-if="error" type="error">
-						<p>{{ error }}</p>
-					</NcNoteCard>
-				</div>
-				<div v-if="success === null" class="form-group">
-					<NcTextField :disabled="(files && true) || loading"
-						label="Titel"
-						maxlength="255"
-						:value.sync="publicationStore.attachmentItem.title"
-						required />
-					<NcTextField :disabled="loading"
-						label="Samenvatting"
-						maxlength="255"
-						:value.sync="publicationStore.attachmentItem.summary" />
-					<NcTextArea :disabled="loading"
-						label="Beschrijving"
-						maxlength="255"
-						:value.sync="publicationStore.attachmentItem.description" />
-					<NcTextField :disabled="loading"
-						label="Toegangs URL"
-						maxlength="255"
-						:value.sync="publicationStore.attachmentItem.accessUrl" />
-					<NcTextField :disabled="(files && true) || loading"
-						label="Download URL"
-						maxlength="255"
-						:value.sync="publicationStore.attachmentItem.downloadUrl" />
-					<div class="addFileButtonGroup">
-						<NcButton v-if="success === null && !files"
-							:disabled="checkIfDisabled() || loading"
-							type="primary"
-							@click="openFileUpload()">
-							<template #icon>
-								<Plus :size="20" />
-							</template>
-							Bestand toevoegen
-						</NcButton>
-
-						<NcButton v-if="success === null && files"
-							:disabled="checkIfDisabled() || loading"
-							type="primary"
-							@click="reset()">
-							<template #icon>
-								<Minus :size="20" />
-							</template>
-							<span v-for="file of files" :key="file.name">{{ file.name }}</span>
-						</NcButton>
-					</div>
-					<NcButton v-if="success === null"
-						:disabled="loading"
-						type="primary"
-						@click="addAttachment()">
-						<template #icon>
-							<NcLoadingIcon v-if="loading" :size="20" />
-							<Plus v-if="!loading" :size="20" />
-						</template>
-						Toevoegen
-					</NcButton>
-				</div>
+
+			<div v-if="success !== null || error">
+				<NcNoteCard v-if="success" type="success">
+					<p>Bijlage succesvol toegevoegd</p>
+				</NcNoteCard>
+				<NcNoteCard v-if="!success" type="error">
+					<p>Er is iets fout gegaan bij het toevoegen van bijlage</p>
+				</NcNoteCard>
+				<NcNoteCard v-if="error" type="error">
+					<p>{{ error }}</p>
+				</NcNoteCard>
 			</div>
-			<div v-if="isOverDropZone">
-				<div class="filesListDragDropNotice">
-					<div class="filesListDragDropNoticeWrapper">
-						<TrayArrowDown :size="48" />
-						<h3 class="filesListDragDropNoticeTitle">
-							Drag and drop files here to upload
-						</h3>
+			<div v-if="success === null" class="form-group">
+				<NcTextField :disabled="(files && true) || loading"
+					label="Titel"
+					maxlength="255"
+					:value.sync="publicationStore.attachmentItem.title"
+					required />
+				<NcTextField :disabled="loading"
+					label="Samenvatting"
+					maxlength="255"
+					:value.sync="publicationStore.attachmentItem.summary" />
+				<NcTextArea :disabled="loading"
+					label="Beschrijving"
+					maxlength="255"
+					:value.sync="publicationStore.attachmentItem.description" />
+				<NcTextField :disabled="loading"
+					label="Toegangs URL"
+					maxlength="255"
+					:value.sync="publicationStore.attachmentItem.accessUrl" />
+				<NcTextField :disabled="(files && true) || loading"
+					label="Download URL"
+					maxlength="255"
+					:value.sync="publicationStore.attachmentItem.downloadUrl" />
+				<div class="addFileContainer" :class="checkIfDisabled() && 'addFileContainer--disabled'">
+					<div :ref="!checkIfDisabled() && 'dropZoneRef'" class="filesListDragDropNotice">
+						<div class="filesListDragDropNoticeWrapper">
+							<div class="filesListDragDropNoticeWrapperIcon">
+								<TrayArrowDown :size="48" />
+								<h3 class="filesListDragDropNoticeTitle">
+									Sleep bestanden hierheen om ze te uploaden
+								</h3>
+							</div>
+
+							<h3 class="filesListDragDropNoticeTitle">
+								Of
+							</h3>
+
+							<div class="filesListDragDropNoticeTitle">
+								<NcButton v-if="success === null && !files"
+									:disabled="checkIfDisabled() || loading"
+									type="primary"
+									@click="openFileUpload()">
+									<template #icon>
+										<Plus :size="20" />
+									</template>
+									Bestand toevoegen
+								</NcButton>
+
+								<NcButton v-if="success === null && files"
+									:disabled="checkIfDisabled() || loading"
+									type="primary"
+									@click="reset()">
+									<template #icon>
+										<Minus :size="20" />
+									</template>
+									<span v-for="file of files" :key="file.name">{{ file.name }}</span>
+								</NcButton>
+							</div>
+						</div>
 					</div>
 				</div>
+				<NcButton v-if="success === null"
+					:disabled="loading"
+					type="primary"
+					@click="addAttachment()">
+					<template #icon>
+						<NcLoadingIcon v-if="loading" :size="20" />
+						<Plus v-if="!loading" :size="20" />
+					</template>
+					Toevoegen
+				</NcButton>
 			</div>
 		</div>
 	</NcModal>
@@ -103,7 +109,7 @@ import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
 import axios from 'axios'
 
 const dropZoneRef = ref()
-const { isOverDropZone, openFileUpload, files, reset, setFiles } = useFileSelection({ allowMultiple: false, dropzone: dropZoneRef })
+const { openFileUpload, files, reset, setFiles } = useFileSelection({ allowMultiple: false, dropzone: dropZoneRef })
 
 export default {
 	name: 'AddAttachmentModal',
@@ -226,9 +232,12 @@ export default {
     text-align: center;
 }
 
-.addFileButtonGroup{
+.addFileContainer{
 	margin-block-end: var(--OC-margin-20);
 }
+.addFileContainer--disabled{
+	opacity: 0.4;
+}
 
 .zaakDetailsContainer {
     margin-block-start: var(--OC-margin-20);
diff --git a/src/modals/attachment/EditAttachmentModal.vue b/src/modals/attachment/EditAttachmentModal.vue
index c64464f3..12619848 100644
--- a/src/modals/attachment/EditAttachmentModal.vue
+++ b/src/modals/attachment/EditAttachmentModal.vue
@@ -93,7 +93,11 @@ export default {
 					headers: {
 						'Content-Type': 'application/json',
 					},
-					body: JSON.stringify(publicationStore.attachmentItem),
+					body: JSON.stringify({
+						...publicationStore.attachmentItem,
+						published: publicationStore.attachmentItem.published === '' ? null : publicationStore.attachmentItem.published,
+					}),
+
 				},
 			)
 				.then((response) => {
diff --git a/src/views/publications/PublicationDetail.vue b/src/views/publications/PublicationDetail.vue
index db1a1218..fddf4e06 100644
--- a/src/views/publications/PublicationDetail.vue
+++ b/src/views/publications/PublicationDetail.vue
@@ -170,7 +170,110 @@ import { ref } from 'vue'
 			</div>
 			<div class="tabContainer">
 				<BTabs content-class="mt-3" justified>
-					<BTab title="Eigenschappen" active>
+					<BTab title="Bijlagen" active>
+						<div class="tabPanel">
+							<div ref="dropZoneRef" class="filesListDragDropNotice" :class="'tabPanelFileUpload'">
+								<div class="filesListDragDropNoticeWrapper">
+									<div class="filesListDragDropNoticeWrapperIcon">
+										<TrayArrowDown :size="48" />
+										<h3 class="filesListDragDropNoticeTitle">
+											Sleep bestanden hierheen om ze te uploaden
+										</h3>
+									</div>
+
+									<h3 class="filesListDragDropNoticeTitle">
+										Of
+									</h3>
+
+									<div class="filesListDragDropNoticeTitle">
+										<NcButton
+											type="primary"
+											@click="openFileUpload()">
+											<template #icon>
+												<Plus :size="20" />
+											</template>
+											Bestand toevoegen
+										</NcButton>
+									</div>
+								</div>
+							</div>
+
+							<div v-if="publicationStore.publicationAttachments.length > 0">
+								<NcListItem v-for="(attachment, i) in publicationStore.publicationAttachments"
+									:key="`${attachment}${i}`"
+									:name="attachment.name ?? attachment.title"
+									:bold="false"
+									:active="publicationStore.attachmentId === attachment.id"
+									:force-display-actions="true"
+									:details="(attachment?.published && attachment?.published <= getTime) ? 'Gepubliseerd' : 'Niet gepubliseerd'">
+									<template #icon>
+										<CheckCircle v-if="attachment?.published && attachment?.published <= getTime"
+											:class="attachment?.published <= getTime && 'publishedIcon'"
+											disable-menu
+											:size="44" />
+										<ExclamationThick v-if="!attachment?.published || attachment?.published > getTime"
+											:class="!attachment?.published && 'warningIcon' || attachment?.published > getTime && 'warningIcon'"
+											disable-menu
+											:size="44" />
+									</template>
+									<template #subname>
+										{{ attachment?.description }}
+									</template>
+									<template #actions>
+										<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setModal('EditAttachment')">
+											<template #icon>
+												<Pencil :size="20" />
+											</template>
+											Bewerken
+										</NcActionButton>
+										<NcActionButton @click="openLink(attachment?.downloadUrl, '_blank')">
+											<template #icon>
+												<Download :size="20" />
+											</template>
+											Download
+										</NcActionButton>
+										<NcActionButton v-if="!attachment?.published || attachment?.published > getTime" @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('publishAttachment')">
+											<template #icon>
+												<Publish :size="20" />
+											</template>
+											Publiceren
+										</NcActionButton>
+										<NcActionButton v-if="attachment?.published && attachment?.published <= getTime" @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('depublishAttachment')">
+											<template #icon>
+												<PublishOff :size="20" />
+											</template>
+											Depubliceren
+										</NcActionButton>
+										<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('copyAttachment')">
+											<template #icon>
+												<ContentCopy :size="20" />
+											</template>
+											Kopiëren
+										</NcActionButton>
+										<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('deleteAttachment')">
+											<template #icon>
+												<Delete :size="20" />
+											</template>
+											Verwijderen
+										</NcActionButton>
+									</template>
+								</NcListItem>
+							</div>
+
+							<div v-if="publicationStore.publicationAttachments.length === 0 && !isOverDropZone">
+								Nog geen bijlage toegevoegd
+							</div>
+
+							<div v-if="publicationStore.publicationAttachments.length !== 0 && !publicationStore.publicationAttachments.length > 0">
+								<NcLoadingIcon
+									:size="64"
+									class="loadingIcon"
+									appearance="dark"
+									name="Bijlagen aan het laden" />
+							</div>
+						</div>
+					</BTab>
+					<BTab title="Eigenschappen">
 						<div v-if="Object.keys(publicationStore.publicationItem?.data).length > 0">
 							<NcListItem v-for="(value, key, i) in publicationStore.publicationItem?.data"
 								:key="`${key}${i}`"
@@ -203,98 +306,10 @@ import { ref } from 'vue'
 								</template>
 							</NcListItem>
 						</div>
-						<div v-if="publicationStore.publicationItem?.data.length === 0" class="tabPanel">
+						<div v-if="Object.keys(publicationStore.publicationItem?.data).length === 0" class="tabPanel">
 							Geen eigenschappen gevonden
 						</div>
 					</BTab>
-					<BTab  title="Bijlagen">
-						<div ref="dropZoneRef">
-						<div v-if="isOverDropZone">
-							<div class="filesListDragDropNotice">
-								<div class="filesListDragDropNoticeWrapper">
-									<TrayArrowDown :size="48" />
-									<h3 class="filesListDragDropNoticeTitle">
-										Drag and drop files here to upload
-									</h3>
-								</div>
-							</div>
-						</div>
-						<div
-							v-if="publicationStore.publicationAttachments.length > 0 && !isOverDropZone"
-							class="tabPanel">
-							<NcListItem v-for="(attachment, i) in publicationStore.publicationAttachments"
-								:key="`${attachment}${i}`"
-								:name="attachment.name ?? attachment.title"
-								:bold="false"
-								:active="publicationStore.attachmentId === attachment.id"
-								:force-display-actions="true"
-								:details="(attachment?.published && attachment?.published <= now.toISOString()) ? 'Gepubliseerd' : 'Niet gepubliseerd'">
-								<template #icon>
-									<CheckCircle v-if="attachment?.published && attachment?.published <= now.toISOString()"
-										:class="attachment?.published <= now.toISOString() && 'publishedIcon'"
-										disable-menu
-										:size="44" />
-									<ExclamationThick v-if="!attachment?.published || attachment?.published > now.toISOString()"
-										:class="!attachment?.published && 'warningIcon' || attachment?.published > now.toISOString() && 'warningIcon'"
-										disable-menu
-										:size="44" />
-								</template>
-								<template #subname>
-									{{ attachment?.description }}
-								</template>
-								<template #actions>
-									<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setModal('EditAttachment')">
-										<template #icon>
-											<Pencil :size="20" />
-										</template>
-										Bewerken
-									</NcActionButton>
-									<NcActionButton @click="openLink(attachment?.downloadUrl, '_blank')">
-										<template #icon>
-											<Download :size="20" />
-										</template>
-										Download
-									</NcActionButton>
-									<NcActionButton v-if="!attachment?.published || attachment?.published > now.toISOString()" @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('publishAttachment')">
-										<template #icon>
-											<Publish :size="20" />
-										</template>
-										Publiceren
-									</NcActionButton>
-									<NcActionButton v-if="attachment?.published && attachment?.published <= now.toISOString()" @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('depublishAttachment')">
-										<template #icon>
-											<PublishOff :size="20" />
-										</template>
-										Depubliceren
-									</NcActionButton>
-									<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('copyAttachment')">
-										<template #icon>
-											<ContentCopy :size="20" />
-										</template>
-										Kopiëren
-									</NcActionButton>
-									<NcActionButton @click="publicationStore.setAttachmentItem(attachment); navigationStore.setDialog('deleteAttachment')">
-										<template #icon>
-											<Delete :size="20" />
-										</template>
-										Verwijderen
-									</NcActionButton>
-								</template>
-							</NcListItem>
-						</div>
-
-						<div v-if="publicationStore.publicationAttachments.length === 0 && !isOverDropZone" class="tabPanel">
-							Geen bijlagen gevonden
-						</div>
-						<div v-if="publicationStore.publicationAttachments.length !== 0 && !publicationStore.publicationAttachments.length > 0" class="tabPanel">
-							<NcLoadingIcon
-								:size="64"
-								class="loadingIcon"
-								appearance="dark"
-								name="Bijlagen aan het laden" />
-						</div>
-					</div>
-					</BTab>
 					<BTab title="Logging">
 						<table width="100%">
 							<tr>
@@ -385,6 +400,7 @@ import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Publish from 'vue-material-design-icons/Publish.vue'
 import PublishOff from 'vue-material-design-icons/PublishOff.vue'
 import TimelineQuestionOutline from 'vue-material-design-icons/TimelineQuestionOutline.vue'
+import Plus from 'vue-material-design-icons/Plus.vue'
 
 function onDrop() {
 	publicationStore.setAttachmentItem([])
@@ -393,7 +409,7 @@ function onDrop() {
 }
 
 const dropZoneRef = ref()
-const { isOverDropZone, files } = useFileSelection({ allowMultiple: false, dropzone: dropZoneRef, onFileDrop: onDrop })
+const { isOverDropZone, files, openFileUpload } = useFileSelection({ allowMultiple: false, dropzone: dropZoneRef, onFileDrop: onDrop, onFileSelect: onDrop })
 
 export default {
 	name: 'PublicationDetail',
@@ -409,26 +425,6 @@ export default {
 		BTab,
 		BTabs,
 		apexchart: VueApexCharts,
-		// Icons
-		CheckCircle,
-		ExclamationThick,
-		DotsHorizontal,
-		Pencil,
-		Delete,
-		Publish,
-		PublishOff,
-		OpenInApp,
-		FilePlusOutline,
-		FileTreeOutline,
-		CircleOutline,
-		ContentCopy,
-		TimelineQuestionOutline,
-		LockOutline,
-		LockOpenVariantOutline,
-		Download,
-		ArchivePlusOutline,
-		HelpCircleOutline,
-		TrayArrowDown,
 	},
 	props: {
 		publicationItem: {
@@ -441,7 +437,6 @@ export default {
 			publication: [],
 			catalogi: [],
 			metadata: [],
-			now: new Date(),
 			prive: false,
 			loading: false,
 			catalogiLoading: false,
@@ -549,6 +544,10 @@ export default {
 					if (loading) { this.metaDataLoading = false }
 				})
 		},
+		getTime() {
+			const timeNow = new Date().toISOString()
+			return timeNow
+		},
 		addAttachment() {
 			publicationStore.setAttachmentItem([])
 			navigationStore.setModal('AddAttachment')