alee/relicario
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat(ext/settings): backup section (opens vault tab)

Browse Source
This commit is contained in:
adlee-was-taken
2026-05-03 21:21:15 -04:00
parent 6c8e702260
commit 098ac208ea
1 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
extension/src/popup/components/settings.ts
View File

@@ -1,4 +1,4 @@
import { sendMessage, escapeHtml } from '../../shared/state'; import { sendMessage, escapeHtml, openVaultTab } from '../../shared/state';
import type { VaultSettings, DeviceSettings, TrashRetention, HistoryRetention } from '../../shared/types'; import type { VaultSettings, DeviceSettings, TrashRetention, HistoryRetention } from '../../shared/types';
import type { ColorScheme } from '../../shared/color-scheme'; import type { ColorScheme } from '../../shared/color-scheme';
import { import {
@@ -385,7 +385,19 @@ function valueToHistoryRetention(v: string): HistoryRetention {
} }
function renderBackupSection(content: HTMLElement): void { function renderBackupSection(content: HTMLElement): void {
content.innerHTML = '<p class="muted" style="padding:20px;font-size:12px;">Backup — coming soon</p>'; content.innerHTML = `
<h3 class="settings-section-title">Backup &amp; restore</h3>
<div class="setting-row">
<div class="setting-row__info">
<div class="setting-row__title">Export &amp; restore backup</div>
<div class="setting-row__desc">Download an encrypted backup or restore from a file. Opens in the vault tab.</div>
</div>
<div class="setting-row__control">
<button class="btn" id="open-backup-tab" style="font-size:11px;">Open backup ▸</button>
</div>
</div>
`;
document.getElementById('open-backup-tab')?.addEventListener('click', () => openVaultTab('backup'));
} }
function renderImportSection(content: HTMLElement): void { function renderImportSection(content: HTMLElement): void {