feat: ajoute un bouton de retour sur la liste des aides

betagouv · Oct 23, 2024 · c550c2f · c550c2f
1 parent 8fdfafe
commit c550c2f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/src/views/aide.vue b/src/views/aide.vue
@@ -1,13 +1,11 @@
 <template>
-  <article>
-    <h1 class="fr-mt-7w fr-mx-2w">Détail de l'aide</h1>
-    <p>
-      <router-link
-        to="/aides"
-        class="fr-btn fr-btn--tertiary-no-outline fr-btn--sm fr-btn--icon-left fr-icon-arrow-left-line"
-        >Retour à la liste des aides</router-link
-      >
-    </p>
+  <article class="fr-article">
+    <h1>Détail de l'aide</h1>
+    <router-link
+      to="/aides"
+      class="fr-btn fr-btn--secondary fr-btn--sm fr-btn--icon-left fr-icon-arrow-left-line fr-mb-2w"
+      >Retour à la liste des aides</router-link
+    >
     <DroitsDetails
       :droit="benefit"
       :droits="[benefit]"

diff --git a/src/views/liste-aides.vue b/src/views/liste-aides.vue
@@ -1,6 +1,12 @@
 <template>
   <article class="fr-article">
     <h1>Toutes les aides</h1>
+    <router-link
+      to="/"
+      class="fr-btn fr-btn--secondary fr-btn--icon-left fr-icon-arrow-left-line fr-btn--sm fr-mb-2w"
+    >
+      Retour à l'accueil
+    </router-link>
     <p>Total: {{ benefitsCount }} aides</p>
     <div class="fr-form-group">
       <div class="fr-container fr-px-0">
@@ -83,6 +89,7 @@ import institutionsBenefits from "generator:institutions"
 import CommuneMethods from "@/lib/commune.js"
 import { Commune } from "@lib/types/commune.d.js"
 import { capitalize } from "@lib/utils.js"
+import BackButton from "@/components/buttons/back-button.vue"
 
 const zipCode = ref("")
 const selectedCommune = ref<Commune | null>()