commit af599f041aa6c54c1eebc2a7347a38b598e9deeb
parent 21915a8e6cc9f6814e65a74d49981d1248de37b7
Author: Vlada Svirsh <svirv1@bfh.ch>
Date: Wed, 17 Sep 2025 20:53:56 +0200
cta-withdraw design
Diffstat:
6 files changed, 26 insertions(+), 1 deletion(-)
diff --git a/design-documents/053-wallet-ui.rst b/design-documents/053-wallet-ui.rst
@@ -505,6 +505,31 @@ Adoption
* Eventually, we may want an "edit" (pen) icon next to the exchange URL, and
if context has fixed the amount or exchange, the respective buttons should be hidden.
+Proposed Design
+^^^^^^^^^^^^^^^
+
+.. image:: ../screenshots/design/cta-withdraw-1.png
+After choosing "Withdraw", the user is presented with this screen.
+The keyboard for amount entry automatically opens.
+The Withdraw button is disabled until a valid amount is entered. Once a valid amount is provided, the button is enabled and displayed with the primary color.
+
+.. image:: ../screenshots/design/cta-withdraw-2.png
+The user can select a currency from a dropdown list.
+A warning icon appears next to the currency selector; tapping it opens a dialog (see next image).
+The warning icon uses the warning color from the :doc:`066-wallet-color-scheme`.
+
+.. image:: ../screenshots/design/cta-withdraw-3.png
+The warning dialog displays the message:
+"The service provider is not trusted by the developers of this wallet."
+Colors warningContainer and onWarningContainer are applied here.
+
+.. image:: ../screenshots/design/cta-withdraw-4.png
+If applicable, fees are displayed below the amount input field.
+Below the amount section, amount shortcuts defined by the exchange are shown for quick selection.
+
+More details about the prototype are available here:
+`Penpot Prototype <https://penpot.taler.net/#/workspace?team-id=826af720-982c-8096-8006-0dbdd6a758c1&file-id=29e68e1b-4b36-81a2-8006-bf7630bda762&page-id=29e68e1b-4b36-81a2-8006-bf7630bda763&layout=assets>`_
+
Screenshots
^^^^^^^^^^^
diff --git a/design-documents/066-wallet-color-scheme.rst b/design-documents/066-wallet-color-scheme.rst
@@ -1,4 +1,4 @@
-DD 66: Wallet UI color scheme
+DD 66: Wallet UI Color Scheme
=============================
Summary
diff --git a/screenshots/design/cta-withdraw-1.png b/screenshots/design/cta-withdraw-1.png
Binary files differ.
diff --git a/screenshots/design/cta-withdraw-2.png b/screenshots/design/cta-withdraw-2.png
Binary files differ.
diff --git a/screenshots/design/cta-withdraw-3.png b/screenshots/design/cta-withdraw-3.png
Binary files differ.
diff --git a/screenshots/design/cta-withdraw-4.png b/screenshots/design/cta-withdraw-4.png
Binary files differ.
