mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-12-23 20:09:23 +00:00
put buy quote preview in floating sheet on desktop
TODO check if this breaks mobile
This commit is contained in:
parent
7eefe196c9
commit
0dff63d9ac
2 changed files with 153 additions and 22 deletions
|
@ -7,6 +7,15 @@ import 'package:stackwallet/models/buy/response_objects/quote.dart';
|
|||
class Simplex {
|
||||
List<Crypto> supportedCryptos = [];
|
||||
List<Fiat> supportedFiats = [];
|
||||
SimplexQuote quote = SimplexQuote(
|
||||
crypto: Crypto.fromJson({'ticker': 'BTC', 'name': 'Bitcoin', 'image': ''}),
|
||||
fiat: Fiat.fromJson(
|
||||
{'ticker': 'USD', 'name': 'United States Dollar', 'image': ''}),
|
||||
youPayFiatPrice: Decimal.parse("100"),
|
||||
youReceiveCryptoAmount: Decimal.parse("1.0238917"),
|
||||
purchaseId: "someID",
|
||||
receivingAddress: '',
|
||||
);
|
||||
|
||||
void updateSupportedCryptos(List<Crypto> newCryptos) {
|
||||
supportedCryptos = newCryptos;
|
||||
|
@ -15,4 +24,8 @@ class Simplex {
|
|||
void updateSupportedFiats(List<Fiat> newFiats) {
|
||||
supportedFiats = newFiats;
|
||||
}
|
||||
|
||||
void updateQuote(SimplexQuote newQuote) {
|
||||
quote = newQuote;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -73,6 +73,7 @@ class _BuyFormState extends ConsumerState<BuyForm> {
|
|||
|
||||
Fiat? selectedFiat;
|
||||
Crypto? selectedCrypto;
|
||||
SimplexQuote? quote;
|
||||
|
||||
bool buyWithFiat = true;
|
||||
bool _addressToggleFlag = false;
|
||||
|
@ -322,6 +323,111 @@ class _BuyFormState extends ConsumerState<BuyForm> {
|
|||
}
|
||||
}
|
||||
|
||||
Future<void> previewQuote() async {
|
||||
// if (ref.read(simplexProvider).estimate.isEmpty) {
|
||||
// bool shouldPop = false;
|
||||
// unawaited(
|
||||
// showDialog(
|
||||
// context: context,
|
||||
// builder: (context) => WillPopScope(
|
||||
// child: const CustomLoadingOverlay(
|
||||
// message: "Loading quote data",
|
||||
// eventBus: null,
|
||||
// ),
|
||||
// onWillPop: () async => shouldPop,
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// await _loadQuote();
|
||||
// shouldPop = true;
|
||||
// if (mounted) {
|
||||
// Navigator.of(context).pop();
|
||||
// }
|
||||
// }
|
||||
|
||||
await _showFloatingBuyQuotePreviewSheet(
|
||||
quote: ref.read(simplexProvider).quote,
|
||||
onSelected: (quote) {
|
||||
// setState(() {
|
||||
// selectedFiat = fiat;
|
||||
// });
|
||||
// TODO launch URL
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _showFloatingBuyQuotePreviewSheet({
|
||||
required SimplexQuote quote,
|
||||
required void Function(SimplexQuote) onSelected,
|
||||
}) async {
|
||||
_fiatFocusNode.unfocus();
|
||||
_cryptoFocusNode.unfocus();
|
||||
|
||||
final result = isDesktop
|
||||
? await showDialog<Fiat?>(
|
||||
context: context,
|
||||
builder: (context) {
|
||||
return DesktopDialog(
|
||||
maxHeight: 700,
|
||||
maxWidth: 580,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 32,
|
||||
),
|
||||
child: Text(
|
||||
"Choose a fiat with which to pay",
|
||||
style: STextStyles.desktopH3(context),
|
||||
),
|
||||
),
|
||||
const DesktopDialogCloseButton(),
|
||||
],
|
||||
),
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 32,
|
||||
right: 32,
|
||||
bottom: 32,
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: RoundedWhiteContainer(
|
||||
padding: const EdgeInsets.all(16),
|
||||
borderColor: Theme.of(context)
|
||||
.extension<StackColors>()!
|
||||
.background,
|
||||
child: BuyQuotePreviewView(
|
||||
quote: quote,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
})
|
||||
: await Navigator.of(context).push(
|
||||
MaterialPageRoute<dynamic>(
|
||||
builder: (_) => BuyQuotePreviewView(
|
||||
quote: quote,
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
if (mounted && result is SimplexQuote) {
|
||||
onSelected(result);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_receiveAddressController = TextEditingController();
|
||||
|
@ -332,6 +438,7 @@ class _BuyFormState extends ConsumerState<BuyForm> {
|
|||
|
||||
coins = ref.read(simplexProvider).supportedCryptos;
|
||||
fiats = ref.read(simplexProvider).supportedFiats;
|
||||
quote = ref.read(simplexProvider).quote;
|
||||
|
||||
// TODO set initial crypto to open wallet if a wallet is open
|
||||
|
||||
|
@ -869,29 +976,40 @@ class _BuyFormState extends ConsumerState<BuyForm> {
|
|||
SizedBox(
|
||||
height: isDesktop ? 20 : 12,
|
||||
),
|
||||
PrimaryButton(
|
||||
MouseRegion(
|
||||
cursor: SystemMouseCursors.click,
|
||||
onEnter: (_) => setState(() => _hovering1 = true),
|
||||
onExit: (_) => setState(() => _hovering1 = false),
|
||||
child: GestureDetector(
|
||||
onTap: () {
|
||||
previewQuote();
|
||||
},
|
||||
child: PrimaryButton(
|
||||
buttonHeight: isDesktop ? ButtonHeight.l : null,
|
||||
enabled: _receiveAddressController.text.isNotEmpty &&
|
||||
_buyAmountController.text.isNotEmpty,
|
||||
onPressed: () {
|
||||
// preview buy quote
|
||||
// TODO: show loading while fetching quote
|
||||
final quote = SimplexQuote(
|
||||
crypto: selectedCrypto!,
|
||||
fiat: selectedFiat!,
|
||||
youPayFiatPrice: Decimal.parse("100"),
|
||||
youReceiveCryptoAmount: Decimal.parse("1.0238917"),
|
||||
purchaseId: "someID",
|
||||
receivingAddress: _receiveAddressController.text,
|
||||
);
|
||||
previewQuote(); // ??
|
||||
|
||||
Navigator.of(context).pushNamed(
|
||||
BuyQuotePreviewView.routeName,
|
||||
arguments: quote,
|
||||
);
|
||||
// // preview buy quote
|
||||
// // TODO: show loading while fetching quote
|
||||
// final quote = SimplexQuote(
|
||||
// crypto: selectedCrypto!,
|
||||
// fiat: selectedFiat!,
|
||||
// youPayFiatPrice: Decimal.parse("100"),
|
||||
// youReceiveCryptoAmount: Decimal.parse("1.0238917"),
|
||||
// purchaseId: "someID",
|
||||
// receivingAddress: _receiveAddressController.text,
|
||||
// );
|
||||
//
|
||||
// Navigator.of(context).pushNamed(
|
||||
// BuyQuotePreviewView.routeName,
|
||||
// arguments: quote,
|
||||
// );
|
||||
},
|
||||
label: "Preview quote",
|
||||
)
|
||||
)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
|
Loading…
Reference in a new issue