aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/modals
diff options
context:
space:
mode:
authorsdtsui <szehungdanieltsui@gmail.com>2017-08-15 11:46:41 +0800
committersdtsui <szehungdanieltsui@gmail.com>2017-08-15 11:46:41 +0800
commit99be6e17caee1371eec86bd3232fc0d4600979cf (patch)
tree6aecda2b81c2edab90afcc81c14ae444c619e389 /ui/app/components/modals
parentdbc539ac558958fee339cb1ab43202385d98d089 (diff)
downloadtangerine-wallet-browser-99be6e17caee1371eec86bd3232fc0d4600979cf.tar.gz
tangerine-wallet-browser-99be6e17caee1371eec86bd3232fc0d4600979cf.tar.zst
tangerine-wallet-browser-99be6e17caee1371eec86bd3232fc0d4600979cf.zip
[WiP] Add comments for multiple modals
Diffstat (limited to 'ui/app/components/modals')
-rw-r--r--ui/app/components/modals/buy-modal.js20
1 files changed, 20 insertions, 0 deletions
diff --git a/ui/app/components/modals/buy-modal.js b/ui/app/components/modals/buy-modal.js
index 9a3e4dff9..c69433b1f 100644
--- a/ui/app/components/modals/buy-modal.js
+++ b/ui/app/components/modals/buy-modal.js
@@ -21,3 +21,23 @@ BuyModal.prototype.render = function () {
}
// TODO: specify default props and proptypes
+
+// Generalize to multiple modals:
+// Modal API:
+// - props {
+// key: ['BUY', 'EDIT_ACCOUNT_NAME', 'ACCOUNT_DETAILS']
+// }
+// - These props will be passed as 'active'
+// mapStateToProps(state, ownProps) {
+// active: state.appState.modal[key]
+// }
+// - Modal accepts:
+// - mobileModalStyles, for mobile viewports
+// - laptopModalStyles, for laptop viewports
+// - backdropStyles
+// - Do not set defaults, they are unneeded here
+//
+// If multiple-step modals are needed:
+// - pass a component with internal state that tracks buy steps
+// - steps could technically be in redux
+// - it renders and does not trigger open/close actions until done \ No newline at end of file