use proper props name

Signed-off-by: dartcafe <github@dartcafe.de>

9 files changed, 33 insertions, 32 deletions

diff --git a/src/js/components/Actions/ActionDelete.vue b/src/js/components/Actions/ActionDelete.vue
index 6ace310d..499ffc8f 100644
--- a/src/js/components/Actions/ActionDelete.vue
+++ b/src/js/components/Actions/ActionDelete.vue
@@ -26,7 +26,7 @@
 			{{ n('polls', 'Deleting in {countdown} second', 'Deleting in {countdown} seconds', countdown, { countdown }) }}
 		</ActionButton>
 		<ActionButton v-else icon="icon-delete" @click="deleteItem()">
-			{{ deleteCaption }}
+			{{ title }}
 		</ActionButton>
 	</Actions>
 </template>
@@ -42,11 +42,12 @@ export default {
 	},
 
 	props: {
-		useTimeOut: {
+		// timeout in seconds
+		timeout: {
 			type: Number,
 			default: 7,
 		},
-		deleteCaption: {
+		title: {
 			type: String,
 			default: t('polls', 'Delete'),
 		},
@@ -56,25 +57,25 @@ export default {
 		return {
 			deleteInterval: null,
 			deleteTimeout: null,
-			countdown: 7,
+			countdown: 7, // seconds
 		}
 	},
 
 	methods: {
 		deleteItem() {
-			this.countDown = this.useTimeOut
+			this.countDown = this.timeout
 			this.deleteInterval = setInterval(() => {
 				this.countdown -= 1
 				if (this.countdown < 0) {
 					this.countdown = 0
 				}
 			}, 1000)
-			this.deleteTimeout = setTimeout(async() => {
+			this.deleteTimeout = setTimeout(() => {
 				this.$emit('delete')
 				this.deleteTimeout = null
 				this.deleteInterval = null
-				this.countdown = this.useTimeOut
-			}, this.useTimeOut * 1000)
+				this.countdown = this.timeout
+			}, this.timeout * 1000)
 		},
 
 		cancelDelete() {
@@ -82,7 +83,7 @@ export default {
 			clearInterval(this.deleteInterval)
 			this.deleteTimeout = null
 			this.deleteInterval = null
-			this.countdown = this.useTimeOut
+			this.countdown = this.timeout
 		},
 	},
 }
diff --git a/src/js/components/Comments/CommentItem.vue b/src/js/components/Comments/CommentItem.vue
index 661ccb8b..f15886d3 100644
--- a/src/js/components/Comments/CommentItem.vue
+++ b/src/js/components/Comments/CommentItem.vue
@@ -31,7 +31,7 @@
 			</div>
 		</div>
 		<ActionDelete v-if="comment.userId === acl.userId || acl.isOwner"
-			:delete-caption="t('polls', 'Delete comment')"
+			:title="t('polls', 'Delete comment')"
 			@delete="deleteComment()" />
 	</div>
 </template>
diff --git a/src/js/components/Options/OptionItemOwner.vue b/src/js/components/Options/OptionItemOwner.vue
index fe2cfc8d..ac0a6e62 100644
--- a/src/js/components/Options/OptionItemOwner.vue
+++ b/src/js/components/Options/OptionItemOwner.vue
@@ -23,7 +23,7 @@
 <template>
 	<div class="option-item-owner">
 		<ActionDelete v-if="!acl.allowEdit && acl.userId === option.owner"
-			:delete-caption="t('polls', 'Delete option')"
+			:title="t('polls', 'Delete option')"
 			@delete="removeOption(option)" />
 
 		<Avatar v-else-if="option.owner && option.owner !== pollOwner"
diff --git a/src/js/components/Options/OptionsDate.vue b/src/js/components/Options/OptionsDate.vue
index 0765843b..5e37e347 100644
--- a/src/js/components/Options/OptionsDate.vue
+++ b/src/js/components/Options/OptionsDate.vue
@@ -38,7 +38,7 @@
 				</template>
 				<template #actions>
 					<ActionDelete v-if="acl.allowEdit"
-						:delete-caption="t('polls', 'Delete option')"
+						:title="t('polls', 'Delete option')"
 						@delete="removeOption(option)" />
 					<Actions v-if="acl.allowEdit" class="action">
 						<ActionButton v-if="!pollIsClosed" icon="icon-polls-clone" @click="cloneOptionModal(option)">
diff --git a/src/js/components/Options/OptionsText.vue b/src/js/components/Options/OptionsText.vue
index 5a09dbe2..90ab925d 100644
--- a/src/js/components/Options/OptionsText.vue
+++ b/src/js/components/Options/OptionsText.vue
@@ -37,7 +37,7 @@
 					</template>
 					<template #actions>
 						<ActionDelete v-if="acl.allowEdit"
-							:delete-caption="t('polls', 'Delete option')"
+							:title="t('polls', 'Delete option')"
 							@delete="removeOption(option)" />
 						<Actions v-if="acl.allowEdit" class="action">
 							<ActionButton v-if="pollIsClosed"
diff --git a/src/js/components/Shares/SharesEffective.vue b/src/js/components/Shares/SharesEffective.vue
index 39f33c38..0281826d 100644
--- a/src/js/components/Shares/SharesEffective.vue
+++ b/src/js/components/Shares/SharesEffective.vue
@@ -39,7 +39,7 @@
 					</ActionButton>
 				</Actions>
 				<ActionDelete
-					:delete-caption="t('polls', 'Remove share')"
+					:title="t('polls', 'Remove share')"
 					@delete="removeShare(share)" />
 			</UserItem>
 		</TransitionGroup>
diff --git a/src/js/components/Shares/SharesPublic.vue b/src/js/components/Shares/SharesPublic.vue
index 4ded3e81..f2dedde1 100644
--- a/src/js/components/Shares/SharesPublic.vue
+++ b/src/js/components/Shares/SharesPublic.vue
@@ -31,9 +31,9 @@
 						{{ t('polls', 'Copy link to clipboard') }}
 					</ActionButton>
 				</Actions>
-				<ActionDelete
-					:delete-caption="t('polls', 'Remove share')"
-					@delete="removeShare(share)" />
+
+				<ActionDelete :title="t('polls', 'Remove share')" @delete="removeShare(share)" />
+
 			</PublicShareItem>
 		</TransitionGroup>
 
@@ -43,9 +43,9 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import { showSuccess, showError } from '@nextcloud/dialogs'
-import { Actions, ActionButton } from '@nextcloud/vue'
+import { showError } from '@nextcloud/dialogs'
 import ActionDelete from '../Actions/ActionDelete'
+import ActionClippy from '../Actions/ActionClippy'
 import ButtonDiv from '../Base/ButtonDiv'
 import ConfigBox from '../Base/ConfigBox'
 import PublicShareItem from './PublicShareItem'
@@ -54,14 +54,23 @@ export default {
 	name: 'SharesPublic',
 
 	components: {
-		Actions,
-		ActionButton,
+		ActionClippy,
 		ActionDelete,
 		ButtonDiv,
 		ConfigBox,
 		PublicShareItem,
 	},
 
+	data() {
+		return {
+			clippy: {
+				buttonCaption: t('polls', 'Copy link to clipboard'),
+				successText: t('polls', 'Link copied to clipboard'),
+				errorText: t('polls', 'Error while copying link to clipboard'),
+			},
+		}
+	},
+
 	computed: {
 		...mapGetters({
 			publicShares: 'shares/public',
@@ -69,15 +78,6 @@ export default {
 	},
 
 	methods: {
-		async copyLink(payload) {
-			try {
-				this.$copyText(payload.url)
-				showSuccess(t('polls', 'Link copied to clipboard'))
-			} catch {
-				showError(t('polls', 'Error while copying link to clipboard'))
-			}
-		},
-
 		removeShare(share) {
 			this.$store.dispatch('shares/delete', { share })
 		},
diff --git a/src/js/components/Shares/SharesUnsent.vue b/src/js/components/Shares/SharesUnsent.vue
index 1225d5a5..401acda1 100644
--- a/src/js/components/Shares/SharesUnsent.vue
+++ b/src/js/components/Shares/SharesUnsent.vue
@@ -42,7 +42,7 @@
 					</ActionButton>
 				</Actions>
 				<ActionDelete
-					:delete-caption="t('polls', 'Remove invitation')"
+					:title="t('polls', 'Remove invitation')"
 					@delete="removeShare(share)" />
 			</UserItem>
 		</TransitionGroup>
diff --git a/src/js/components/VoteTable/VoteTable.vue b/src/js/components/VoteTable/VoteTable.vue
index 04d58fe9..70a0f0bd 100644
--- a/src/js/components/VoteTable/VoteTable.vue
+++ b/src/js/components/VoteTable/VoteTable.vue
@@ -32,7 +32,7 @@
 				<UserMenu v-if="participant.userId === acl.userId" />
 
 				<ActionDelete v-if="acl.allowEdit"
-					:delete-caption="t('polls', 'Delete votes')"
+					:title="t('polls', 'Delete votes')"
 					@delete="removeUser(participant.userId)" />
 			</UserItem>