From b52a25f90c96d0c9f6f571f1fbeff6d8dd892a19 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Tue, 22 Nov 2022 11:51:48 +0100
Subject: [PATCH] Restyle vox-people button

---
 ui/src/app.scss                        | 21 -------------
 ui/src/lib/components/VoxPeople.svelte | 43 +++++++++++++++++++-------
 2 files changed, 31 insertions(+), 33 deletions(-)

diff --git a/ui/src/app.scss b/ui/src/app.scss
index aa77bd5..fa9d8d1 100644
--- a/ui/src/app.scss
+++ b/ui/src/app.scss
@@ -53,27 +53,6 @@ footer {
     text-indent: 1em;
 }
 
-#voxpeople {
-    background: #cccccc88;
-    position: fixed;
-    bottom: 7vh;
-    right: 4vw;
-    z-index: 1051;
-    height: max(4vw, 4vh);
-    width: max(4vw, 4vh);
-    border-radius: 4vw;
-    border: 3px solid #00000088;
-    box-shadow: 0 0px 3px 0 #9332bb;
-    transition: background 1s, color .5s, border .5s;
-    font-size: max(1.7vw, 1.7vh);
-    color: #00000088;
-}
-#voxpeople:hover {
-    background: #cccccc;
-    border: 3px solid white;
-    color: white;
-}
-
 @font-face {
     font-family: 'Montserrat';
     font-style: normal;
diff --git a/ui/src/lib/components/VoxPeople.svelte b/ui/src/lib/components/VoxPeople.svelte
index 0159dea..e8b3ad7 100644
--- a/ui/src/lib/components/VoxPeople.svelte
+++ b/ui/src/lib/components/VoxPeople.svelte
@@ -3,21 +3,40 @@
      Icon,
  } from 'sveltestrap';
 
+ const { MODE } = import.meta.env;
+
+ import { userSession } from '$lib/stores/usersession';
  import { t, locale } from '$lib/translations';
 
- const user_isLogged = false;
  const instancename = "";
  const router = {history:{current:{}}};
 </script>
 
-<a
-    id="voxpeople"
-    href="https://framaforms.org/quel-est-votre-avis-sur-happydns-1610366701?u={user_isLogged?user_getSession.id:0}&amp;i={instancename}&amp;p={router.history.current.name}&amp;l={$locale}"
-    target="_blank"
-    title={$t('common.survey')}
-    class="d-flex justify-content-center align-items-center umami--click--vox-people"
->
-    <Icon
-        name="chat-right-text"
-    />
-</a>
+{#if MODE == 'production'}
+    <a
+        id="voxpeople"
+        href="https://framaforms.org/quel-est-votre-avis-sur-happydns-1610366701?u={userSession?userSession.id:0}&amp;i={instancename}&amp;p={router.history.current.name}&amp;l={$locale}"
+        target="_blank"
+        rel="noreferrer"
+        title={$t('common.survey')}
+        class="d-flex btn btn-light justify-content-center align-items-center umami--click--vox-people"
+    >
+        <Icon
+            name="chat-right-text"
+        />
+    </a>
+{/if}
+
+<style>
+ #voxpeople {
+     position: fixed;
+     bottom: 7vh;
+     right: 4vw;
+     z-index: 1051;
+     height: max(4vw, 4vh);
+     width: max(4vw, 4vh);
+     border-radius: 4vw;
+     box-shadow: 0 0px 3px 0 #9332bb;
+     font-size: max(1.7vw, 1.7vh);
+ }
+</style>