From 375b5fd3667b52cc8fca58a8d0fd428df1854587 Mon Sep 17 00:00:00 2001
From: Yusef Habib <yusef.fernandez@dfinity.org>
Date: Tue, 10 Dec 2024 13:03:48 +0100
Subject: [PATCH] style: replaced hardcoded links to references to AppPath
 (#5968)

# Motivation

We have hardcoded links in two components: `LinkToSettings` and
`LinkToReporting`. We can replace these with references to the `AppPath`
object, which exports all the routes.

# Changes

- Replace hardcoded values with references to `AppPath`.

# Tests

- Not necessary

# Todos

- [ ] Add entry to changelog (if necessary).
Not necessary
---
 frontend/src/lib/components/header/LinkToReporting.svelte | 3 ++-
 frontend/src/lib/components/header/LinkToSettings.svelte  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/header/LinkToReporting.svelte b/frontend/src/lib/components/header/LinkToReporting.svelte
index 0a0f31c2239..34ff3b0b307 100644
--- a/frontend/src/lib/components/header/LinkToReporting.svelte
+++ b/frontend/src/lib/components/header/LinkToReporting.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import { beforeNavigate } from "$app/navigation";
+  import { AppPath } from "$lib/constants/routes.constants";
   import { i18n } from "$lib/stores/i18n";
   import { IconDocument } from "@dfinity/gix-components";
   import { createEventDispatcher } from "svelte";
 
   const dispatcher = createEventDispatcher();
-  const linkToReporting = "/reporting";
+  const linkToReporting = AppPath.Reporting;
 
   beforeNavigate(() => dispatcher("nnsLink"));
 </script>
diff --git a/frontend/src/lib/components/header/LinkToSettings.svelte b/frontend/src/lib/components/header/LinkToSettings.svelte
index 51c7f2a7abd..7a733680b50 100644
--- a/frontend/src/lib/components/header/LinkToSettings.svelte
+++ b/frontend/src/lib/components/header/LinkToSettings.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import { beforeNavigate } from "$app/navigation";
+  import { AppPath } from "$lib/constants/routes.constants";
   import { i18n } from "$lib/stores/i18n";
   import { IconSettings } from "@dfinity/gix-components";
   import { createEventDispatcher } from "svelte";
 
   const dispatcher = createEventDispatcher();
-  const linkToSettings = "/settings";
+  const linkToSettings = AppPath.Settings;
 
   beforeNavigate(() => dispatcher("nnsLink"));
 </script>