From 55515b540fcc7986416db6da7a0d0bef8161f7ac Mon Sep 17 00:00:00 2001
From: hamdy <hamdy.a.farag@gmail.com>
Date: Mon, 30 Nov 2020 12:10:36 +0200
Subject: [PATCH] news

---
 src/components/PostListItem.vue | 14 ++++++++++----
 src/pages/News.vue              | 21 +++++++++++++--------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/components/PostListItem.vue b/src/components/PostListItem.vue
index 688be70ab..116474a5f 100644
--- a/src/components/PostListItem.vue
+++ b/src/components/PostListItem.vue
@@ -15,7 +15,7 @@
         <h2 class="post-card-title mt-3">{{ record.title || record.name }}</h2>
         <p class="post-card-excerpt">{{ record.excerpt }}</p>
         <section
-          class="flex flex-wrap post-tags container mx-auto relative py-1"
+          class="flex flex-wrap post-tags container mx-auto relative py-1" v-if="displaytags()"
         >
           <g-link
             v-for="membership in record.memberships"
@@ -66,8 +66,8 @@
               </p>
             </div>
           </div>
-          <section class="post-tags container mx-auto relative py-3">
-            <g-link
+          <section class="post-tags container mx-auto relative py-3" v-if="displaytags()">
+            <g-link 
               v-for="tag in record.tags"
               :key="tag.id"
               :to="tag.path"
@@ -85,12 +85,18 @@
 export default {
   props: {
     record: {},
+    showtags: false,
     border: {
       type: Boolean,
       default: true,
     },
   },
-};
+  methods: {
+    displaytags(){
+      return this.showtags
+    }
+  }
+}
 </script>
 
 <style scoped>
diff --git a/src/pages/News.vue b/src/pages/News.vue
index 8bf60eb39..1e9f9e162 100644
--- a/src/pages/News.vue
+++ b/src/pages/News.vue
@@ -2,7 +2,7 @@
   <Layout>
     <div class="container sm:pxi-0 mx-auto">
       <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
-        <PostListItem
+        <PostListItem :showtags=true
           v-for="edge in $page.entries.edges"
           :key="edge.node.id"
           :record="edge.node"
@@ -33,18 +33,18 @@ query{
     }
     edges {
       node {
-        title
+        
+        tags{
+          id
+          title
+          path
+        }
         excerpt
         image(width:800)
         path
         humanTime : created(format:"DD MMM YYYY")
         datetime : created
-        author {
-          id
-          name
-          image(width:64, height:64, fit:inside)
-          path
-        }
+       
       }
     }
   }
@@ -69,5 +69,10 @@ export default {
       return "";
     },
   },
+  methods: {
+    datefilter(){
+      
+    } 
+  }
 };
 </script>