sneak/AutistMask
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: move Export Private Key into overflow menu

Browse Source 
Replace the muted text link at the bottom of AddressDetail with a
'···' overflow/more button in the action button row. Clicking it
opens a dropdown with 'Export Private Key' as an option. Clicking
outside closes the dropdown. The pattern is reusable for future
secondary actions.
This commit is contained in:
user
2026-02-28 04:27:56 -08:00
parent 7a6bf3af9a
commit a095c2b74f
2 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/popup/index.html
View File

@@ -363,6 +363,26 @@
>
+ Token
</button>
<div class="relative">
<button
id="btn-more-menu"
class="border border-border px-2 py-1 hover:bg-fg hover:text-bg cursor-pointer"
aria-label="More actions"
>
&middot;&middot;&middot;
</button>
<div
id="more-menu-dropdown"
class="hidden absolute right-0 top-full mt-1 border border-border bg-bg z-50 min-w-[10rem]"
>
<button
id="btn-export-privkey"
class="block w-full text-left px-3 py-2 text-sm hover:bg-fg hover:text-bg cursor-pointer"
>
Export Private Key
</button>
</div>
</div>
</div>
<!-- transactions -->
@@ -374,13 +394,6 @@
<div class="text-muted text-xs py-1">Loading...</div>
</div>
</div>
<div class="mt-3 text-center">
<span
id="btn-export-privkey"
class="text-xs text-muted underline decoration-dashed cursor-pointer hover:text-fg"
>Export private key</span
>
</div>
</div>
<!-- ============ EXPORT PRIVATE KEY VIEW ============ -->

15
src/popup/views/addressDetail.js
View File

@@ -268,7 +268,22 @@ function init(_ctx) {
$("btn-add-token").addEventListener("click", ctx.showAddTokenView);
// More menu dropdown
const moreBtn = $("btn-more-menu");
const moreDropdown = $("more-menu-dropdown");
moreBtn.addEventListener("click", (e) => {
e.stopPropagation();
moreDropdown.classList.toggle("hidden");
});
document.addEventListener("click", () => {
moreDropdown.classList.add("hidden");
});
moreDropdown.addEventListener("click", (e) => {
e.stopPropagation();
});
$("btn-export-privkey").addEventListener("click", () => {
moreDropdown.classList.add("hidden");
const wallet = state.wallets[state.selectedWallet];
const addr = wallet.addresses[state.selectedAddress];
const title = addressTitle(addr.address, state.wallets);