Used the NcButton for create Workpackage (#597)

Signed-off-by: sagargurung1001@gmail.com <sagargurung1001@gmail.com>
nextcloud · Mar 15, 2024 · ed8b230 · ed8b230
1 parent 113e517
commit ed8b230
Showing 1 changed file with 8 additions and 12 deletions.
diff --git a/src/components/tab/SearchInput.vue b/src/components/tab/SearchInput.vue
@@ -34,14 +34,12 @@
 			{{ stateMessages }}
 		</div>
 		<div v-if="!!isStateOk && !isSmartPicker" class="create-workpackage">
-			<NcActions class="create-workpackage--action">
-				<NcActionButton class="create-workpackage--button" @click="openCreateWorkpackageModal()">
-					<template #icon>
-						<Plus class="plus" :size="26" />
-					</template>
-				</NcActionButton>
-			</NcActions>
-			<span class="create-workpackage--label">{{ t('integration_openproject', 'Create and link a new work package') }}</span>
+			<NcButton class="create-workpackage--button" @click="openCreateWorkpackageModal()">
+				<template #icon>
+					<Plus class="plus" :size="26" />
+				</template>
+				{{ t('integration_openproject', 'Create and link a new work package') }}
+			</NcButton>
 		</div>
 		<CreateWorkPackageModal
 			v-if="!isSmartPicker"
@@ -67,17 +65,15 @@ import { STATE, WORKPACKAGES_SEARCH_ORIGIN } from '../../utils.js'
 import { translate as t } from '@nextcloud/l10n'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import CreateWorkPackageModal from '../../views/CreateWorkPackageModal.vue'
-import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
-import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 const SEARCH_CHAR_LIMIT = 1
 const DEBOUNCE_THRESHOLD = 500
 
 export default {
 	name: 'SearchInput',
 	components: {
-		NcActions,
-		NcActionButton,
+		NcButton,
 		CreateWorkPackageModal,
 		Plus,
 		WorkPackage,