delete button removed in public article list.

Author: korucuoglu

src/Clients/vue-client/src/components/Articles/ArticleList.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="row">
-    <ArticleListItem v-for="item in items" :key="item.id" :item="item" />
+    <ArticleListItem
+      v-for="item in items"
+      :removeButtonActive="removeButtonActive"
+      :key="item.id"
+      :item="item"
+    />
   </div>
 </template>
 
@@ -12,6 +17,6 @@ export default {
     ArticleListItem,
   },
 
-  props: ['items'],
+  props: ['items', 'removeButtonActive'],
 }
 </script>

src/Clients/vue-client/src/components/Articles/ArticleListItem.vue

@@ -15,7 +15,7 @@
           {{ item.content }}
         </p>
       </div>
-      <div class="buttons">
+      <div v-if="removeButtonActive" class="buttons">
         <i
           class="fa-solid fa-trash text-danger"
           @click="deleteItem(item.id)"
@@ -29,7 +29,15 @@
 <script>
 import { mapGetters } from 'vuex'
 export default {
-  props: ['item'],
+  props: {
+    item: {
+      type: Object,
+    },
+    removeButtonActive: {
+      type: Boolean,
+      default: false,
+    },
+  },
   computed: {
     ...mapGetters({
       currentUser: 'users/currentUser',

src/Clients/vue-client/src/views/Article/MyArticlesView.vue

@@ -12,7 +12,7 @@
             <i class="fas fa-plus-circle"></i> Add New Article
           </router-link>
         </p>
-        <ArticleList :items="getMyArticles" />
+        <ArticleList :items="getMyArticles" :removeButtonActive="true" />
       </div>
     </div>
   </div>