/* * This file is part of GNU Taler * (C) 2022 Taler Systems S.A. * * GNU Taler is free software; you can redistribute it and/or modify it under the * terms of the GNU General Public License as published by the Free Software * Foundation; either version 3, or (at your option) any later version. * * GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU General Public License for more details. * * You should have received a copy of the GNU General Public License along with * GNU Taler; see the file COPYING. If not, see */ package net.taler.wallet.peer import android.annotation.SuppressLint import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.verticalScroll import androidx.compose.material.Button import androidx.compose.material.OutlinedTextField import androidx.compose.material.Surface import androidx.compose.material.Text import androidx.compose.runtime.Composable import androidx.compose.runtime.LaunchedEffect import androidx.compose.runtime.State import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.runtime.saveable.rememberSaveable import androidx.compose.runtime.setValue import androidx.compose.ui.Alignment.Companion.CenterHorizontally import androidx.compose.ui.Modifier import androidx.compose.ui.focus.FocusRequester import androidx.compose.ui.focus.focusRequester import androidx.compose.ui.graphics.Color import androidx.compose.ui.res.colorResource import androidx.compose.ui.res.stringResource import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.sp import net.taler.common.Amount import net.taler.wallet.R import net.taler.wallet.cleanExchange import net.taler.wallet.exchanges.ExchangeItem @Composable fun PeerPullIntroComposable( amount: Amount, exchangeState: State, onCreateInvoice: (amount: Amount, exchange: ExchangeItem) -> Unit, ) { val scrollState = rememberScrollState() Column( modifier = Modifier .fillMaxWidth() .verticalScroll(scrollState), horizontalAlignment = CenterHorizontally, ) { var subject by rememberSaveable { mutableStateOf("") } val focusRequester = remember { FocusRequester() } val exchangeItem = exchangeState.value OutlinedTextField( modifier = Modifier .padding(16.dp) .focusRequester(focusRequester), value = subject, onValueChange = { input -> subject = input }, isError = subject.isBlank(), label = { Text( stringResource(R.string.withdraw_manual_ready_subject), color = if (subject.isBlank()) { colorResource(R.color.red) } else Color.Unspecified, ) } ) LaunchedEffect(Unit) { focusRequester.requestFocus() } Text( modifier = Modifier.padding(horizontal = 16.dp), text = stringResource(id = R.string.amount_chosen), ) Text( modifier = Modifier.padding(16.dp), fontSize = 24.sp, color = colorResource(R.color.green), text = amount.toString(), ) Text( modifier = Modifier.padding(horizontal = 16.dp), text = stringResource(R.string.withdraw_exchange), ) Text( modifier = Modifier.padding(16.dp), fontSize = 24.sp, text = if (exchangeItem == null) "" else cleanExchange(exchangeItem.exchangeBaseUrl), ) Button( modifier = Modifier.padding(16.dp), enabled = subject.isNotBlank() && exchangeItem != null, onClick = { onCreateInvoice(amount, exchangeItem ?: error("clickable without exchange")) }, ) { Text(text = stringResource(R.string.receive_peer_create_button)) } } } @Preview @Composable fun PreviewReceiveFundsIntro() { Surface { @SuppressLint("UnrememberedMutableState") val exchangeFlow = mutableStateOf(ExchangeItem("https://example.org", "TESTKUDOS", emptyList())) PeerPullIntroComposable(Amount.fromDouble("TESTKUDOS", 42.23), exchangeFlow) { _, _ -> } } }