From e6fc22d673d0e3792571f0813d309be090d4237b Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 15 May 2023 22:04:11 +0200
Subject: [PATCH] Added political party label

---
 src/components/GeolocButton.vue |  4 ++--
 src/components/RepInfo.vue      | 13 ++++++-------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/GeolocButton.vue b/src/components/GeolocButton.vue
index 6ceb3e5..b01a35c 100644
--- a/src/components/GeolocButton.vue
+++ b/src/components/GeolocButton.vue
@@ -41,13 +41,13 @@ async function handleGeolocClick() {
     />
     <span>Géolocalisation</span>
   </RepButton>
-  <div
+  <!-- <div
     v-if="!lastError && coords.accuracy > 1000"
     class="mt-4 max-w-lg mx-auto text-sm text-red-400"
   >
     Position peu précise ; votre député sera peut être différement de notre
     résultat
-  </div>
+  </div> -->
   <div v-if="lastError" class="mt-4 max-w-lg mx-auto text-sm text-red-400">
     {{ lastError }}
   </div>
diff --git a/src/components/RepInfo.vue b/src/components/RepInfo.vue
index 7386603..37ef157 100644
--- a/src/components/RepInfo.vue
+++ b/src/components/RepInfo.vue
@@ -103,11 +103,14 @@ const regionBgFile = computed(() => {
       <h1 class="mt-4 text-center font-bold text-3xl">
         {{ repFullName }}
       </h1>
-      <div class="text-center text-xl font-bold" v-if="repPoliticalParty">
+      <div
+        v-if="repPoliticalParty"
+        class="text-center font-bold"
+        :style="`color: ${repPoliticalParty.organe.couleurAssociee}`"
+      >
         {{ repPoliticalParty.organe.libelle }}
       </div>
-      <hr class="my-5 opacity-10" />
-      <h2 class="text-center font-bold text-xl">
+      <h2 class="mt-2 text-center font-bold text-xl">
         {{ repMandate?.election?.lieu.departement }} -
         {{ repMandate?.election?.lieu.numCirco }}e circonscription
       </h2>
@@ -118,10 +121,6 @@ const regionBgFile = computed(() => {
       />
     </header>
 
-    <h3 class="text-center font-medium text-lg">
-      {{ rep.acteur.profession.libelleCourant }}
-    </h3>
-
     <footer class="mt-8">
       <div class="mt-4 text-center">
         <RepButton