Skip to content

Commit

Permalink
refacto: use constants on BRS routes
Browse files Browse the repository at this point in the history
  • Loading branch information
@fuuuzz
fuuuzz committed Jan 28, 2025
1 parent d994784 commit afd8689
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 50 deletions.
58 changes: 13 additions & 45 deletions client/src/lib/components/layout/Header.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@
import { page } from '$app/stores';
import { default as Logo } from '$assets/illustrations/logo.svg?raw';
import { onMount } from 'svelte';
import { steps } from '$routes/tout-savoir-sur-le-bail-reel-solidaire-brs/[slug]/content';
let pathname = $state($page.url.pathname);
Expand Down Expand Up @@ -128,51 +129,18 @@
Les étapes du parcours d'achat
</a>
</li>
<li>
<a
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-decouvre-le-dispositif"
aria-current={pathname ===
'/tout-savoir-sur-le-bail-reel-solidaire-brs/je-decouvre-le-dispositif'}
class="fr-nav__link">
Je découvre le dispositif
</a>
</li>
<li>
<a
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-trouve-mon-logement-en-BRS"
aria-current={pathname ===
'/tout-savoir-sur-le-bail-reel-solidaire-brs/je-trouve-mon-logement-en-BRS'}
class="fr-nav__link">
Je trouve mon logement en BRS
</a>
</li>
<li>
<a
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-cherche-des-financements"
aria-current={pathname ===
'/tout-savoir-sur-le-bail-reel-solidaire-brs/je-cherche-des-financements'}
class="fr-nav__link">
Je cherche des financements
</a>
</li>
<li>
<a
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-deviens-proprietaire"
aria-current={pathname ===
'/tout-savoir-sur-le-bail-reel-solidaire-brs/je-deviens-proprietaire'}
class="fr-nav__link">
Je deviens propriétaire
</a>
</li>
<li>
<a
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-suis-chez-moi"
aria-current={pathname ===
'/tout-savoir-sur-le-bail-reel-solidaire-brs/je-suis-chez-moi'}
class="fr-nav__link">
Je suis chez moi
</a>
</li>
{#each steps as step}
{@const href = `/tout-savoir-sur-le-bail-reel-solidaire-brs/${step.slug}`}

<li>
<a
{href}
aria-current={pathname === href}
class="fr-nav__link">
{step.title}
</a>
</li>
{/each}
</ul>
</div>
</li>
Expand Down
11 changes: 6 additions & 5 deletions client/src/lib/components/pages/tout-savoir-sur-le-bail-reel-solidaire-brs/Steps.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
import { default as BrsEtape4 } from '$assets/illustrations/brs-etape-4.svg?raw';
import { default as BrsEtape5 } from '$assets/illustrations/brs-etape-5.svg?raw';
import Card from '$components/pages/tout-savoir-sur-le-bail-reel-solidaire-brs/Step.svelte';
import { steps } from '$routes/tout-savoir-sur-le-bail-reel-solidaire-brs/[slug]/content';
</script>

<section class="fr-container">
Expand All @@ -13,39 +14,39 @@
content="Découvrez les informations relatives au Bail Réel Solidaire : les avantages du BRS, les contreparties, les critères d’éligibilité et les parties prenantes d’un projet en BRS."
illustration={BrsEtape1}
linkLabel="Tout savoir sur le BRS"
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-decouvre-le-dispositif"
href={`/tout-savoir-sur-le-bail-reel-solidaire-brs/${steps[0].slug}`}
position={1} />

<Card
title="Je trouve mon logement en BRS."
content="Définissez votre projet d’achat, trouvez le logement de vos rêves en BRS, construisez votre dossier et candidatez pour l'obtenir."
illustration={BrsEtape2}
linkLabel="Construire son projet immobilier"
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-trouve-mon-logement-en-BRS"
href={`/tout-savoir-sur-le-bail-reel-solidaire-brs/${steps[1].slug}`}
position={2} />

<Card
title="Je cherche des financements."
content="Assurez-vous de pouvoir financer votre achat, payer les frais en tant que propriétaire en BRS grâce à vos fonds propres, un emprunt bancaire et des aides éventuelles et projetez-vous à plus long terme."
illustration={BrsEtape3}
linkLabel="Définir son projet financier"
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-cherche-des-financements"
href={`/tout-savoir-sur-le-bail-reel-solidaire-brs/${steps[2].slug}`}
position={3} />

<Card
title="Je deviens propriétaire."
content="Vérifiez toutes les étapes après avoir trouvé un logement, les documents à fournir ainsi que comment choisir son ou sa notaire pour signer l'acte de vente."
illustration={BrsEtape4}
linkLabel="S'assurer du bon déroulement de l'achat"
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-deviens-proprietaire"
href={`/tout-savoir-sur-le-bail-reel-solidaire-brs/${steps[3].slug}`}
position={4} />

<Card
title="Je suis chez moi !"
content="Profitez de votre logement et assurez-vous de bien connaître les spécificités liées au BRS : l’assurance logement BRS, réalisation des travaux, la vie en copropriété et la revente du logement."
illustration={BrsEtape5}
linkLabel="Découvrez les spécificités pour l’après achat"
href="/tout-savoir-sur-le-bail-reel-solidaire-brs/je-suis-chez-moi"
href={`/tout-savoir-sur-le-bail-reel-solidaire-brs/${steps[4].slug}`}
position={5}
isLast />
</section>
Expand Down

0 comments on commit afd8689

Please sign in to comment.