.

app/src/plugins/lib@search/search/_components/a-search-result-task.vue

@@ -0,0 +1,55 @@
+<template>
+	<div>
+		<h1 class="px-3 py-3">Tasks</h1>
+		<v-table>
+			<tbody>
+				<tr v-for="subtask in subtasks" :key="subtask.id">
+					<td>{{ subtask.project_code }}</td>
+					<td>{{ subtask.master_task }}</td>
+					<!-- <td>		
+						<p>{{ subtask.user.name + subtask.user.surname }}</p>				
+						<p class="employee-avatar d-flex justify-center align-center">
+							{{ subtask.user.name.charAt(0) }}
+						</p>
+					</td> -->
+					<td class="task-action">
+						<div class="d-flex justify-start">
+							<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/checkmark.svg')" alt="checkmark-icon">
+							<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon">
+							<img class="trash-icon" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon">
+						</div>
+					</td>
+				</tr>
+			</tbody>
+		</v-table>
+	</div>
+</template>
+  
+<script>
+
+export default {
+	props: {
+		subtasks: {
+			type: Array,
+			required: true
+		}
+	},
+}
+</script>
+
+<style lang="sass" scoped>
+v-table, th, td
+	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
+
+.employee-avatar
+	background: #6200EE
+	color: #fff
+	border-radius: 50%
+	padding: 13px
+	font-size: 11.5px
+	height: 24px
+	width: 24px
+
+.task-action
+
+</style>