BTC09 WALLET
Your coins. Your wallet.
-No account. No terminal. Your keys stay protected on this phone.
+No account. No terminal. Your keys stay protected on this device.
@@ -52,7 +60,7 @@
Enter all 24 words
WALLET LOCKED
Welcome back
-Use your phone’s face, fingerprint, or passcode to open your wallet.
+Use your device’s face, fingerprint, or passcode to open your wallet.
BTC09 Wallet locks whenever it goes into the background.
@@ -64,7 +72,7 @@Welcome back
ONE-TIME BACKUP
Write these down
-These 24 recovery words are the only way back into your wallet if this phone is lost.
+These 24 recovery words are the only way back into your wallet if this device is lost.
Keep them offline. Never send them to anyone, including BTC09 support.
@@ -78,25 +86,27 @@
-
Write these down
-
-
AVAILABLE BALANCE
-009C
+
+
-
+
+
+
+
+ AVAILABLE BALANCE
+009C
+Checking the network…
+
+
+
-
- Checking the network…
-
-
-
@@ -118,18 +128,22 @@
Recent activity
RECEIVE 09C
Show or share
The sender can scan this code or use your address.
-
- ![QR code for this BTC09 address]()
-
-
- Your address
- —
-
-
-
-
+
@@ -239,9 +253,9 @@
+
-
+
+
+
+
+ Your address
+ —
+
+
+
+
+
+ Only send BTC09 (09C) to this address.
+Only send BTC09 (09C) to this address.
Settings
diff --git a/walletapp/src/mobile.js b/walletapp/src/mobile.js
index b206e1b..27dba76 100644
--- a/walletapp/src/mobile.js
+++ b/walletapp/src/mobile.js
@@ -18,6 +18,7 @@ const byId = (id) => document.getElementById(id);
const screens = [...document.querySelectorAll("[data-screen]")];
const mainTabs = new Set(["home", "activity", "settings"]);
const routeNames = new Set(screens.map((screen) => screen.dataset.screen));
+const desktopLayout = window.matchMedia("(min-width: 760px)");
async function call(command, payload) {
if (!invoke) throw new Error("BTC09 Wallet could not start safely.");
@@ -28,10 +29,11 @@ async function call(command, payload) {
function showScreen(name, options = {}) {
state.screen = name;
+ document.body.dataset.currentScreen = name;
for (const screen of screens) screen.hidden = screen.dataset.screen !== name;
const showChrome = !["onboarding", "unlock", "backup"].includes(name);
byId("app-bar").hidden = !showChrome;
- byId("mobile-nav").hidden = !mainTabs.has(name);
+ byId("mobile-nav").hidden = !showChrome || (!desktopLayout.matches && !mainTabs.has(name));
for (const button of document.querySelectorAll("[data-nav]")) {
const selected = button.dataset.nav === name;
button.classList.toggle("active", selected);
@@ -42,6 +44,10 @@ function showScreen(name, options = {}) {
byId("app-main").focus({ preventScroll: true });
}
+desktopLayout.addEventListener("change", () => {
+ if (state.screen) showScreen(state.screen, { keepScroll: true });
+});
+
function showRoute(name, mode = "push") {
const current = history.state?.btc09Wallet ? history.state : null;
const currentDepth = Number(current?.depth || 0);
@@ -347,8 +353,12 @@ async function restoreAfterForeground() {
async function openReceive(mode = "push") {
const result = await run("Preparing your address…", () => call("receive"));
if (!result) return;
+ const qr = document.createElement("img");
+ qr.id = "receive-qr";
+ qr.alt = "QR code for this BTC09 address";
+ qr.src = result.qr_data_url || `data:image/png;base64,${result.qr_png_base64}`;
+ byId("receive-qr-slot").replaceChildren(qr);
byId("receive-address").textContent = result.address;
- byId("receive-qr").src = result.qr_data_url || `data:image/png;base64,${result.qr_png_base64}`;
showRoute("receive", mode);
}