From 23b8da2085f6250ca66f3f07d2f385a15358a881 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 13 Aug 2021 18:04:37 +0200
Subject: [PATCH] Add link from homepage last published events section to
 search page

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Home.vue | 44 ++++++++++++++++++++++++++++---------------
 1 file changed, 29 insertions(+), 15 deletions(-)

diff --git a/js/src/views/Home.vue b/js/src/views/Home.vue
index 3aca6994..00f54da4 100644
--- a/js/src/views/Home.vue
+++ b/js/src/views/Home.vue
@@ -62,14 +62,21 @@
           <b-loading :active.sync="$apollo.loading" />
         </p>
         <b-loading :active.sync="$apollo.loading" />
-        <div v-if="this.events.total > 0" class="columns is-multiline">
-          <div
-            class="column is-one-third-desktop"
-            v-for="event in this.events.elements.slice(0, 6)"
-            :key="event.uuid"
-          >
-            <EventCard :event="event" />
+        <div v-if="this.events.total > 0">
+          <div class="columns is-multiline">
+            <div
+              class="column is-one-third-desktop"
+              v-for="event in this.events.elements.slice(0, 6)"
+              :key="event.uuid"
+            >
+              <EventCard :event="event" />
+            </div>
           </div>
+          <span class="view-all">
+            <router-link :to="{ name: RouteName.SEARCH }"
+              >{{ $t("View everything") }} >></router-link
+            >
+          </span>
         </div>
         <b-message v-else type="is-danger">{{
           $t("No events found")
@@ -308,14 +315,21 @@
           <b-loading :active.sync="$apollo.loading" />
         </p>
 
-        <div v-if="this.events.total > 0" class="columns is-multiline">
-          <div
-            class="column is-one-third-desktop"
-            v-for="event in this.events.elements.slice(0, 6)"
-            :key="event.uuid"
-          >
-            <recent-event-card-wrapper :event="event" />
+        <div v-if="this.events.total > 0">
+          <div class="columns is-multiline">
+            <div
+              class="column is-one-third-desktop"
+              v-for="event in this.events.elements.slice(0, 6)"
+              :key="event.uuid"
+            >
+              <recent-event-card-wrapper :event="event" />
+            </div>
           </div>
+          <span class="view-all">
+            <router-link :to="{ name: RouteName.SEARCH }"
+              >{{ $t("View everything") }} >></router-link
+            >
+          </span>
         </div>
         <b-message v-else type="is-danger"
           >{{ $t("No events found") }}<br />
@@ -635,7 +649,7 @@ main > div > .container {
   }
 
   .columns {
-    margin: 1rem auto 3rem;
+    margin: 1rem auto 0;
   }
 }