dix

src/views/SellerDashboard/MyListings/main/contentItem.vue

@@ -8,10 +8,18 @@ const props = defineProps({
 	type: {
 		type: String,
 		default: 'listings'
+	},
+	item: {
+		type: Object,
+		default: () => ({})
 	}
 })
-//const emit = defineEmits([
-//])
+const emit = defineEmits([
+	'deleteDraft',
+	'editListing',
+	'draftListing',
+	'publishListing'
+])
 let data = reactive({
 })
 onMounted(()=>{
@@ -26,15 +34,15 @@ const {} = toRefs(data);
 		<div class="imgBox">
 			<img src="" alt="">
 			<div class="maskBtn">
-				<div>
+				<div @click="$emit('editListing',item)">
 					<svgIcon name="seller-edit" :size="domSize == 'Small'?32:domSize == 'Medium'?40:48" />
 					<div>Edit</div>
 				</div>
-				<div v-if="type == 'listings'">
+				<div v-if="type == 'listings'" @click="$emit('draftListing',item)">
 					<svgIcon name="seller-draft" :size="domSize == 'Small'?32:domSize == 'Medium'?40:48" />
 					<div>Draft</div>
 				</div>
-				<div v-else-if="type == 'drafts'">
+				<div v-else-if="type == 'drafts'" @click="$emit('publishListing',item)">
 					<svgIcon name="seller-share" :size="domSize == 'Small'?32:domSize == 'Medium'?40:48" />
 					<div>Publish</div>
 				</div>
@@ -58,7 +66,7 @@ const {} = toRefs(data);
 					</div>
 					<span>123</span>
 				</div>
-				<div class="detailItem drafts" v-if="type == 'drafts'">
+				<div class="detailItem drafts" v-if="type == 'drafts'" @click="$emit('deleteDraft',item)">
 					<div class="">
 						<i class="fi fi-rr-trash"></i>
 					</div>
@@ -192,6 +200,7 @@ const {} = toRefs(data);
 					}
 					&.drafts{
 						justify-content: center;
+						cursor: pointer;
 						> div{
 							> i{
 								font-size: var(--detailRightItemDraftsIcon);