Add more ContactExpert buttons

frontend/src/components/ResultPage.vue

@@ -3,6 +3,7 @@ import { ref, computed, watchEffect } from 'vue'
 import axios from 'axios'
 import SnackbarAlert from '@/components/SnackbarAlert.vue'
 import { resultTree } from '@/utils/firearms-utils/index'
+import { isUserUsingCrosscall } from '@/utils/isUserUsingCrosscall'
 import { useSnackbarStore } from '@/stores/snackbar'
 import { useStepsStore } from '@/stores/steps'
 import { useResultStore } from '@/stores/result'
@@ -122,6 +123,7 @@ function sendFeedback (isCorrect: boolean) {
             <p class="text-sm font-normal m-4 text-left text-current">
               Nous n'avons pas suffisamment d'éléments pour fournir une réponse fiable. Nous vous conseillons de faire appel à un expert.
             </p>
+            <ContactExpert v-if="isUserUsingCrosscall()" />
           </div>
           <div v-else>
             <div class="fr-tile__body">
@@ -141,6 +143,7 @@ function sendFeedback (isCorrect: boolean) {
                 <p class="warning-text">
                   Nous vous conseillons de faire appel à un expert pour confirmer cette réponse.
                 </p>
+                <ContactExpert v-if="isUserUsingCrosscall()" />
               </div>
               <div v-if="isDummy === false && (route.name !== 'IdentificationTypologyResult'|| isDummyTypology !== true)">
                 <p

frontend/src/utils/isUserUsingCrosscall.ts

@@ -0,0 +1,9 @@
+export function isUserUsingCrosscall () {
+  const userAgent = window.navigator.userAgent
+  const keyWords = ['Mobile', 'Mozilla', 'Crosscall']
+
+  const isUsingCrosscall = keyWords.every(keyWord => {
+    return userAgent.includes(keyWord)
+  })
+  return isUsingCrosscall
+}

frontend/src/views/GuideContactExpert/ExpertSituation.vue

@@ -25,17 +25,17 @@ const LPS = {
   },
   PARIS: {
     email: '[email protected]',
-    phone: '01 71 92 65 02',
+    phone: '01 77 72 07 77',
   },
   LYON: {
     email: '[email protected]',
-    phone: '04 72 86 89 70',
+    phone: '04 72 86 89 71',
   },
 }
 
 const IRCGN = {
-  email: 'snps-lps69@interieur.gouv.fr',
-  phone: '04 72 86 89 70',
+  email: 'x@interieur.gouv.fr',
+  phone: 'x',
 }
 const shownLPS = ref<null | string>(null)
 const showIRCGNModal = ref(false)

frontend/src/views/GuideSecuringFirearm/SecuringAchievement.vue

@@ -3,18 +3,12 @@ import { computed } from 'vue'
 
 import { useResultStore } from '@/stores/result'
 import { resultTree } from '@/utils/firearms-utils/index'
+import { isUserUsingCrosscall } from '@/utils/isUserUsingCrosscall'
 import { DsfrButton } from '@gouvminint/vue-dsfr'
 
 const resultStore = useResultStore()
 
 const typology = computed(() => resultStore.typology)
-
-const userAgent = window.navigator.userAgent
-const keyWords = ['Mobile', 'Mozilla', 'Crosscall']
-
-const foundAllKeyWords = keyWords.every(keyWord => {
-  return userAgent.includes(keyWord)
-})
 </script>
 
 <template>
@@ -40,9 +34,7 @@ const foundAllKeyWords = keyWords.every(keyWord => {
             class="img-deco"
           >
         </div>
-        <div v-if="foundAllKeyWords">
-          <ContactExpert />
-        </div>
+        <ContactExpert v-if="isUserUsingCrosscall()" />
       </div>
       <div v-else>
         <h2 class="mt-5 text-center">