Notifications screen links to its settings

A Settings button beside the Notifications title opens Settings >
Notifications (which kinds buzz this device); browser Back returns.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo

2 files changed, 10 insertions, 1 deletions

diff --git a/src/app.js b/src/app.js
index 46a7054..4ce3386 100644
--- a/src/app.js
+++ b/src/app.js
@@ -5751,6 +5751,8 @@ async function importSnapshotFile(e) {
 const ctx = {
   h, ui, render, wallet, toast, copy, copyBtn, pasteBtn, blankSend, goBack, canGoBack, goHome, openExternal, showSend,
   openWalletSettings: (view) => openWalletSettings(view),
+  // one page of the Settings hub, from anywhere (Notifications' gear)
+  openSettingsPage: (page) => { clearFeatureNav(); ui.screen = 'wallet'; ui.tab = 'settings'; ui.settingsPage = page; render(); try { window.scrollTo(0, 0); } catch {} },
   fmtAmount, unitLabel, unitTag, getUnit: () => unit, toggleUnit, download,
   // in fiat the typed figure is money, so it needs today's price to become sats
   parseAmount: (v, u) => parseAmount(v, u, rateNow()),
diff --git a/src/features/messages.js b/src/features/messages.js
index 765df01..8c01cbe 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -10156,7 +10156,14 @@ export function messagesFeature(ctx) {
     return h('div', { class: 'card col chat-page', style: 'gap:10px' },
       h('div', { class: 'row gap6', style: 'align-items:center' },
         backBtn(() => { ui.msgView = 'home'; stopNotifWatch(); render(); }),
-        h('h3', { style: 'margin:0' }, t('alertsTitle'))),
+        h('h3', { style: 'margin:0' }, t('alertsTitle')),
+        // which of these also buzz the phone: Settings → Notifications
+        ctx.openSettingsPage ? h('button', {
+          class: 'btn-sm notif-settings', style: 'margin-left:auto;display:inline-flex;align-items:center;gap:6px',
+          title: t('settingsNotifications'), 'aria-label': t('settingsNotifications'),
+          onClick: () => { stopNotifWatch(); ctx.openSettingsPage('notifications'); },
+        }, h('span', { style: 'display:flex', html: '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h.09a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82v.09a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>' }),
+          t('tabSettings')) : null),
       c.status === 'loading' && !items.length
         ? h('div', { class: 'row gap6', style: 'justify-content:center;padding:12px 0' }, h('span', { class: 'spinner sm' }))
         : !items.length