From 8d95f9afe70b2f78268bee8fbe7d88dc32933f0e Mon Sep 17 00:00:00 2001
From: Bruno Perel <brunoperel@gmail.com>
Date: Sun, 19 Nov 2023 12:25:23 +0100
Subject: [PATCH] Add link to public collection in user popover

---
 apps/web/src/components/UserPopover.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/UserPopover.vue b/apps/web/src/components/UserPopover.vue
index 1101326f2..0314c5bb4 100644
--- a/apps/web/src/components/UserPopover.vue
+++ b/apps/web/src/components/UserPopover.vue
@@ -13,7 +13,7 @@
           <Medal
             v-for="(numberOfPoints, contribution) in points"
             :key="contribution"
-            :contribution="(contribution as string)"
+            :contribution="contribution as string"
             :user-level-points="numberOfPoints"
             small
           />
@@ -28,6 +28,22 @@
           {{ $t("pays | pays", stats.numberOfCountries) }}
         </div>
         <div v-if="stats.allowSharing" class="bookcase-link">
+          <router-link
+            v-slot="{ href, navigate }"
+            :to="`/collection/user/${stats.username}`"
+            custom
+          >
+            <b-button
+              size="sm"
+              variant="outline-secondary"
+              target="_blank"
+              :href="href"
+              @click="navigate"
+            >
+              <i-bi-list />&nbsp;
+              {{ $t("Voir la collection") }}
+            </b-button>
+          </router-link>
           <router-link
             v-slot="{ href, navigate }"
             :to="`/bookcase/show/${stats.username}`"
@@ -85,6 +101,7 @@ const getImagePath = images().getImagePath;
   display: flex;
   flex-direction: row;
   align-items: center;
+  justify-content: space-between;
   margin-top: 8px;
   white-space: nowrap;