frontend: fix navigation links by using absolute URLs

Looks like relative links are somewhat broken
matrix-org · May 3, 2024 · 21d04a6 · 21d04a6
1 parent 8e513ea
commit 21d04a6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 13 deletions.
diff --git a/frontend/src/routes/_account.sessions.$id.tsx b/frontend/src/routes/_account.sessions.$id.tsx
@@ -66,7 +66,7 @@ function NotFound(): React.ReactElement {
       title={t("frontend.session_detail.alert.title", { deviceId: id })}
     >
       {t("frontend.session_detail.alert.text")}
-      <Link from={Route.fullPath} to=".." search={{ first: 6 }}>
+      <Link to="/sessions" search={{ first: 6 }}>
         {t("frontend.session_detail.alert.button")}
       </Link>
     </Alert>

diff --git a/frontend/src/routes/_account.tsx b/frontend/src/routes/_account.tsx
@@ -91,12 +91,8 @@ function Account(): React.ReactElement {
         <UnverifiedEmailAlert user={session.user} />
 
         <NavBar>
-          <NavItem from={Route.fullPath} to=".">
-            {t("frontend.nav.settings")}
-          </NavItem>
-          <NavItem from={Route.fullPath} to="./sessions">
-            {t("frontend.nav.devices")}
-          </NavItem>
+          <NavItem to="/">{t("frontend.nav.settings")}</NavItem>
+          <NavItem to="/sessions">{t("frontend.nav.devices")}</NavItem>
         </NavBar>
       </div>
 

diff --git a/frontend/src/routes/reset-cross-signing.tsx b/frontend/src/routes/reset-cross-signing.tsx
@@ -125,12 +125,7 @@ function ResetCrossSigning(): React.ReactNode {
         )}
 
         {!deepLink && (
-          <ButtonLink
-            to=".."
-            from={Route.fullPath}
-            kind="tertiary"
-            Icon={IconArrowLeft}
-          >
+          <ButtonLink to="/" kind="tertiary" Icon={IconArrowLeft}>
             {t("action.back")}
           </ButtonLink>
         )}