tech/sendico
2
0
Fork 0
Code Issues 33 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

changed color theme to be black and added the ability to enter the amount in the recipient’s currency

Browse Source
This commit is contained in:
Arseni
2026-03-02 17:41:41 +03:00
parent 17e08ff26f
commit 6bb3ab5063
41 changed files with 618 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/pweb/lib/pages/dashboard/payouts/amount/feild.dart
View File

@@ -2,36 +2,49 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:pshared/controllers/balance_mask/wallets.dart';
import 'package:pshared/models/currency.dart';
import 'package:pshared/utils/currency.dart';
import 'package:pweb/controllers/payments/amount_field.dart';
import 'package:pweb/models/payment/amount/mode.dart';
import 'package:pweb/pages/dashboard/payouts/amount/mode/selector.dart';
import 'package:pweb/generated/i18n/app_localizations.dart';
class PaymentAmountField extends StatelessWidget {
const PaymentAmountField();
@override
Widget build(BuildContext context) {
final currency = context.select<WalletsController, Currency?>(
(c) => c.selectedWallet?.currency,
);
final symbol = currency == null ? null : currencyCodeToSymbol(currency);
final ui = context.watch<PaymentAmountFieldController>();
final loc = AppLocalizations.of(context)!;
final symbol = currencySymbolFromCode(ui.activeCurrencyCode);
return TextField(
controller: ui.textController,
keyboardType: const TextInputType.numberWithOptions(decimal: true),
decoration: InputDecoration(
labelText: AppLocalizations.of(context)!.amount,
border: const OutlineInputBorder(),
prefixText: symbol == null ? null : '$symbol\u00A0',
),
onChanged: ui.handleChanged,
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (ui.isReverseModeAvailable) ...[
PaymentAmountModeSelector(
selectedMode: ui.mode,
onModeChanged: ui.handleModeChanged,
),
const SizedBox(height: 6),
],
TextField(
controller: ui.textController,
focusNode: ui.focusNode,
keyboardType: const TextInputType.numberWithOptions(decimal: true),
decoration: InputDecoration(
labelText: loc.amount,
border: const OutlineInputBorder(),
prefixText: symbol == null ? null : '$symbol\u00A0',
helperText: switch (ui.mode) {
PaymentAmountMode.debit => loc.debitAmountLabel,
PaymentAmountMode.settlement => loc.expectedSettlementAmountLabel,
},
),
onChanged: ui.handleChanged,
),
],
);
}
}
}

43
frontend/pweb/lib/pages/dashboard/payouts/amount/mode/button.dart Normal file
View File

@@ -0,0 +1,43 @@
import 'package:flutter/material.dart';
class ModeButton extends StatelessWidget {
final String label;
final bool isSelected;
final VoidCallback onTap;
const ModeButton({
required this.label,
required this.isSelected,
required this.onTap,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return Material(
color: isSelected
? theme.colorScheme.primary
: theme.colorScheme.onSecondary,
borderRadius: BorderRadius.circular(8),
child: InkWell(
borderRadius: BorderRadius.circular(8),
onTap: onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 5),
child: Text(
label,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: theme.textTheme.labelSmall?.copyWith(
fontWeight: FontWeight.w500,
color: isSelected
? theme.colorScheme.onSecondary
: theme.colorScheme.primary,
),
),
),
),
);
}
}

53
frontend/pweb/lib/pages/dashboard/payouts/amount/mode/selector.dart Normal file
View File

@@ -0,0 +1,53 @@
import 'package:flutter/material.dart';
import 'package:pweb/models/payment/amount/mode.dart';
import 'package:pweb/pages/dashboard/payouts/amount/mode/button.dart';
import 'package:pweb/generated/i18n/app_localizations.dart';
class PaymentAmountModeSelector extends StatelessWidget {
final PaymentAmountMode selectedMode;
final ValueChanged<PaymentAmountMode> onModeChanged;
const PaymentAmountModeSelector({
super.key,
required this.selectedMode,
required this.onModeChanged,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final loc = AppLocalizations.of(context)!;
return Container(
padding: const EdgeInsets.all(2),
decoration: BoxDecoration(
color: theme.colorScheme.onSecondary,
borderRadius: BorderRadius.circular(10),
border: Border.all(
color: theme.colorScheme.outline,
),
),
child: Row(
children: [
Expanded(
child: ModeButton(
label: loc.debitAmountLabel,
isSelected: selectedMode == PaymentAmountMode.debit,
onTap: () => onModeChanged(PaymentAmountMode.debit),
),
),
const SizedBox(width: 2),
Expanded(
child: ModeButton(
label: loc.expectedSettlementAmountLabel,
isSelected: selectedMode == PaymentAmountMode.settlement,
onTap: () => onModeChanged(PaymentAmountMode.settlement),
),
),
],
),
);
}
}

14
frontend/pweb/lib/pages/dashboard/payouts/amount/widget.dart
View File

@@ -2,27 +2,31 @@ import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:pshared/controllers/balance_mask/wallets.dart';
import 'package:pshared/provider/payment/amount.dart';
import 'package:pweb/controllers/payments/amount_field.dart';
import 'package:pweb/pages/dashboard/payouts/amount/feild.dart';
class PaymentAmountWidget extends StatelessWidget {
const PaymentAmountWidget({super.key});
@override
Widget build(BuildContext context) {
return ChangeNotifierProxyProvider<PaymentAmountProvider, PaymentAmountFieldController>(
return ChangeNotifierProxyProvider2<
PaymentAmountProvider,
WalletsController,
PaymentAmountFieldController
>(
create: (ctx) {
final initialAmount = ctx.read<PaymentAmountProvider>().amount;
return PaymentAmountFieldController(initialAmount: initialAmount);
},
update: (ctx, amountProvider, controller) {
controller!.update(amountProvider);
update: (ctx, amountProvider, wallets, controller) {
controller!.update(amountProvider, wallets);
return controller;
},
child: const PaymentAmountField(),
);
}
}
}