Ajoute un bouton d'accompagnementà la fin du sondage

backend/controllers/followups.ts

@@ -91,12 +91,18 @@ export function getFollowupDataForSurvey(req: Request, res: Response) {
     usefullnessSurvey?.answers.find((answer) => answer.id === "wasUseful")
       ?.value ?? true // La simulation est utile par défaut
 
+  const depcomAnswer = req.followup.simulation?.answers?.all?.find(
+    (answer) => answer.entityName === "menage" && answer.fieldName === "depcom",
+  )
+  const simulationCommune = depcomAnswer?.value._nomCommune || ""
+
   res.send({
     createdAt: req.followup.createdAt,
     benefits: req.followup.benefits.filter(
       (benefit) => benefit.id in Benefits.benefitsMap,
     ),
     simulationWasUseful,
+    simulationCommune,
   } as FetchSurvey)
 }
 
@@ -151,7 +157,7 @@ export async function followupByAccessToken(
 ) {
   const followup: Followup | null = await Followups.findOne({
     accessToken,
-  })
+  }).populate("simulation")
   if (!followup) return res.sendStatus(ErrorStatus.NotFound)
   req.followup = followup
   next()

lib/types/survey.d.ts

@@ -34,4 +34,5 @@ interface FetchSurvey {
     amount: number | boolean
   }[]
   simulationWasUseful: boolean
+  simulationCommune?: string
 }

src/components/trouver-interlocuteur.vue

@@ -1,21 +1,23 @@
 <template>
-  <div class="fr-container fr-px-0 fr-mb-0 fr-py-2w">
+  <div class="fr-container fr-px-0 fr-mb-0">
     <div class="fr-grid-row fr-grid-row--gutters fr-grid-row--middle">
-      <div class="fr-col">
-        <h2 class="fr-text--lead">Trouver de l'aide près de chez moi</h2>
+      <div class="fr-col-12 fr-col-lg-7">
+        <h2 class="fr-text--lead">Trouver de l'aide près de chez moi ?</h2>
         <p
           >Pour vous aider dans vos démarches, n'hésitez pas à consulter la
           liste des lieux où vous pourrez être accompagné.</p
         >
       </div>
-      <div class="fr-col-12 fr-col-md-3">
-        <ul class="fr-btns-group fr-btns-group--inline-md">
+      <div class="fr-col-12 fr-col-lg-5">
+        <ul
+          class="fr-btns-group fr-btns-group--inline-md fr-btns-group--center"
+        >
           <li>
             <router-link
               :to="{
                 name: 'resultatsLieuxGeneriques',
               }"
-              class="fr-btn"
+              class="fr-btn fr-icon-map-pin-2-line fr-btn--icon-right fr-btn--icon-center fr-px-3v fr-btn--multiline"
               data-testid="nearby-help"
             >
               Trouver de l'aide

src/composables/use-followup-survey-data.ts

@@ -14,6 +14,7 @@ export function useFollowupSurveyData(token: string) {
   const benefitsWithChoice = ref<BenefitWithChoice[]>([])
   const simulationWasUseful = ref<boolean>(false)
   const loading = ref<boolean>(true)
+  const simulationCommune = ref<string>("")
   const store = useStore()
   const router = useRouter()
 
@@ -26,6 +27,7 @@ export function useFollowupSurveyData(token: string) {
       "DD MMMM YYYY",
     )
     simulationWasUseful.value = followupSurveyData.simulationWasUseful
+    simulationCommune.value = followupSurveyData.simulationCommune || ""
     const benefits: StandardBenefit[] = followupSurveyData.benefits.map(
       (benefit) => ({
         ...getBenefit(benefit.id),
@@ -57,5 +59,6 @@ export function useFollowupSurveyData(token: string) {
     benefitsWithChoice,
     simulationWasUseful,
     loading,
+    simulationCommune,
   }
 }

src/views/suivi.vue

@@ -30,6 +30,26 @@
                   minutes par une personne de notre équipe.</p
                 >
               </div>
+              <div v-if="showFailedAnswerBlock">
+                <hr class="fr-my-4w" />
+                <TrouverInterlocuteur />
+                <div v-if="showCityAccompanimentBlock">
+                  <hr class="fr-my-4w" />
+                  <p>
+                    {{ currentAccompanimentLink?.title }} peut aussi vous
+                    accompagner gratuitement dans vos démarches. N'hésitez pas à
+                    prendre rendez-vous :
+                  </p>
+                  <a
+                    class="fr-btn fr-btn--secondary fr-btn--lg"
+                    :href="currentAccompanimentLink?.link"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    Je prends rendez-vous pour me faire aider dans mes démarches
+                  </a>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -196,6 +216,7 @@ import StatisticsMixin from "@/mixins/statistics.js"
 import { EventAction, EventCategory } from "@lib/enums/event.js"
 import { useFollowupSurveyData } from "@/composables/use-followup-survey-data.js"
 import ABTestingService from "@/plugins/ab-testing-service"
+import TrouverInterlocuteur from "@/components/trouver-interlocuteur.vue"
 
 const choices = [
   { value: "already", label: "Rien, j'en bénéficiais déjà." },
@@ -219,8 +240,13 @@ function showReasonQuestion(droit) {
 
 const route = useRoute()
 const submitted = ref(false)
-const { followupCreatedAt, benefitsWithChoice, simulationWasUseful, loading } =
-  useFollowupSurveyData(route.query.token as string)
+const {
+  followupCreatedAt,
+  benefitsWithChoice,
+  simulationWasUseful,
+  loading,
+  simulationCommune,
+} = useFollowupSurveyData(route.query.token as string)
 
 const isComplete = computed(() => {
   const choiceValues = benefitsWithChoice.value.map(
@@ -236,6 +262,29 @@ const showPlansToAskQuestion = (choiceValue) =>
   choiceValue === "nothing" &&
   ABTestingService.getValues().plans_to_ask_question === "show"
 
+const accompanimentLinks: Record<string, { title: string; link: string }> = {
+  Montpellier: {
+    title: "Le CCAS de Montpellier",
+    link: "https://rdv.anct.gouv.fr/org/259/ccas-montpellier",
+  },
+  Strasbourg: {
+    title: "La ville de Strasbourg",
+    link: "https://demarches.strasbourg.eu/rdv-tel-1jeune1solution/",
+  },
+  Aubervilliers: {
+    title: "Le CCAS d'Aubervilliers",
+    link: "https://rdv.anct.gouv.fr/org/166/ccas-aubervilliers",
+  },
+}
+
+const showCityAccompanimentBlock = computed(() => {
+  return simulationCommune.value in accompanimentLinks
+})
+
+const currentAccompanimentLink = computed(() => {
+  return accompanimentLinks[simulationCommune.value]
+})
+
 const showAccompanimentBlock = computed(() => {
   // To restore when the budget will be back
   // return benefitsWithChoice.value.some(
@@ -244,6 +293,10 @@ const showAccompanimentBlock = computed(() => {
   return false
 })
 
+const showFailedAnswerBlock = computed(() =>
+  benefitsWithChoice.value.some((droit) => droit.choiceValue === "failed"),
+)
+
 const accompanimentClickEvent = computed(() => {
   return {
     name: route.path,