From 1d4e3e3d0a244dc1d3d0072b6e9f498020773caf Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 15 Feb 2026 19:59:11 +0100
Subject: [PATCH] feat: fallback for back button

---
 src/components/BackButton.vue         | 14 ++++++++++++--
 src/views/PublicNoteListByDidView.vue |  2 +-
 src/views/PublicNoteListView.vue      |  2 +-
 src/views/PublicNoteView.vue          |  2 +-
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/BackButton.vue b/src/components/BackButton.vue
index 83594cb..246a6c1 100644
--- a/src/components/BackButton.vue
+++ b/src/components/BackButton.vue
@@ -1,8 +1,18 @@
 <script setup lang="ts">
-import { useRouter } from "vue-router"
+import { useRouter, type RouteLocationRaw } from "vue-router"
+
+const props = defineProps<{ fallback?: RouteLocationRaw }>()
 
 const router = useRouter()
-const goBack = () => router.back()
+const goBack = () => {
+  if (window.history.state?.back) {
+    router.back()
+  } else if (props.fallback) {
+    router.push(props.fallback)
+  } else {
+    router.back()
+  }
+}
 </script>
 
 <template>
diff --git a/src/views/PublicNoteListByDidView.vue b/src/views/PublicNoteListByDidView.vue
index 50e3259..104581d 100644
--- a/src/views/PublicNoteListByDidView.vue
+++ b/src/views/PublicNoteListByDidView.vue
@@ -17,7 +17,7 @@ const author = computedAsync(async () => getUniqueAka(did.value))
 <template>
   <main class="public-note-list-view">
     <h1>{{ author?.alias ?? did }}</h1>
-    <back-button class="back-button" />
+    <back-button class="back-button" :fallback="{ name: 'Home' }" />
     <div v-if="isLoading"></div>
     <div v-else>
       <ul
diff --git a/src/views/PublicNoteListView.vue b/src/views/PublicNoteListView.vue
index 0dec415..841595f 100644
--- a/src/views/PublicNoteListView.vue
+++ b/src/views/PublicNoteListView.vue
@@ -10,7 +10,7 @@ const { notes, isLoading, canLoadMore, onLoadMore, getAlias } =
 <template>
   <main class="public-note-list-view">
     <h1>Remanso notes</h1>
-    <back-button class="back-button" />
+    <back-button class="back-button" :fallback="{ name: 'Home' }" />
     <div v-if="isLoading"></div>
     <div v-else>
       <ul
diff --git a/src/views/PublicNoteView.vue b/src/views/PublicNoteView.vue
index 25504fc..b8b181a 100644
--- a/src/views/PublicNoteView.vue
+++ b/src/views/PublicNoteView.vue
@@ -99,7 +99,7 @@ watch(
       </span>
       <article class="note-display" v-html="content"></article>
 
-      <BackButton />
+      <BackButton :fallback="{ name: 'PublicNoteListByDidView', params: { did } }" />
     </div>
     <stacked-public-note
       v-for="(stackedNote, index) in stackedNotes"