mirror of
https://github.com/cake-tech/cake_wallet.git
synced 2025-05-12 00:12:13 +00:00
392 lines
14 KiB
Dart
392 lines
14 KiB
Dart
import 'package:cake_wallet/entities/qr_view_data.dart';
|
|
import 'package:cake_wallet/generated/i18n.dart';
|
|
import 'package:cake_wallet/routes.dart';
|
|
import 'package:cake_wallet/src/screens/base_page.dart';
|
|
import 'package:cake_wallet/src/widgets/primary_button.dart';
|
|
import 'package:cake_wallet/src/widgets/seedphrase_grid_widget.dart';
|
|
import 'package:cake_wallet/src/widgets/text_info_box.dart';
|
|
import 'package:cake_wallet/src/widgets/warning_box_widget.dart';
|
|
import 'package:cake_wallet/themes/extensions/cake_text_theme.dart';
|
|
import 'package:cake_wallet/themes/extensions/dashboard_page_theme.dart';
|
|
import 'package:cake_wallet/themes/theme_base.dart';
|
|
import 'package:cake_wallet/utils/brightness_util.dart';
|
|
import 'package:cake_wallet/utils/clipboard_util.dart';
|
|
import 'package:cake_wallet/utils/show_bar.dart';
|
|
import 'package:cake_wallet/view_model/wallet_keys_view_model.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
import 'package:qr_flutter/qr_flutter.dart';
|
|
|
|
class WalletKeysPage extends BasePage {
|
|
WalletKeysPage(this.walletKeysViewModel);
|
|
|
|
@override
|
|
String get title => walletKeysViewModel.title;
|
|
|
|
final WalletKeysViewModel walletKeysViewModel;
|
|
|
|
@override
|
|
Widget body(BuildContext context) {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 0),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.only(left: 14, right: 14, bottom: 8),
|
|
child: WarningBox(
|
|
key: const ValueKey('wallet_keys_page_share_warning_text_key'),
|
|
content: S.of(context).do_not_share_warning_text.toUpperCase(),
|
|
currentTheme: currentTheme,
|
|
),
|
|
),
|
|
Expanded(
|
|
child: WalletKeysPageBody(
|
|
walletKeysViewModel: walletKeysViewModel,
|
|
currentTheme: currentTheme,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class WalletKeysPageBody extends StatefulWidget {
|
|
WalletKeysPageBody({
|
|
required this.walletKeysViewModel,
|
|
required this.currentTheme,
|
|
});
|
|
|
|
final WalletKeysViewModel walletKeysViewModel;
|
|
final ThemeBase currentTheme;
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => _WalletKeysPageBodyState();
|
|
}
|
|
|
|
class _WalletKeysPageBodyState extends State<WalletKeysPageBody>
|
|
with SingleTickerProviderStateMixin {
|
|
late TabController _tabController;
|
|
late bool showKeyTab;
|
|
late bool showLegacySeedTab;
|
|
late bool isLegacySeedOnly;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
showKeyTab = widget.walletKeysViewModel.items.isNotEmpty;
|
|
showLegacySeedTab = widget.walletKeysViewModel.legacySeedSplit.isNotEmpty;
|
|
isLegacySeedOnly = widget.walletKeysViewModel.isLegacySeedOnly;
|
|
|
|
final totalTabs = 1 + (showKeyTab ? 1 : 0) + (showLegacySeedTab ? 1 : 0);
|
|
|
|
_tabController = TabController(length: totalTabs, vsync: this);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 0),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 22, right: 22, top: 0),
|
|
child: TabBar(
|
|
controller: _tabController,
|
|
splashFactory: NoSplash.splashFactory,
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
isScrollable: true,
|
|
labelStyle: TextStyle(
|
|
fontSize: 18,
|
|
fontFamily: 'Lato',
|
|
fontWeight: FontWeight.w600,
|
|
color: Theme.of(context).appBarTheme.titleTextStyle!.color,
|
|
),
|
|
unselectedLabelStyle: TextStyle(
|
|
fontSize: 18,
|
|
fontFamily: 'Lato',
|
|
fontWeight: FontWeight.w600,
|
|
color: Theme.of(context).appBarTheme.titleTextStyle!.color?.withOpacity(0.5),
|
|
),
|
|
labelColor: Theme.of(context).appBarTheme.titleTextStyle!.color,
|
|
indicatorColor: Theme.of(context).appBarTheme.titleTextStyle!.color,
|
|
indicatorPadding: EdgeInsets.zero,
|
|
labelPadding: const EdgeInsets.only(right: 24),
|
|
tabAlignment: TabAlignment.start,
|
|
dividerColor: Colors.transparent,
|
|
padding: EdgeInsets.zero,
|
|
tabs: [
|
|
Tab(text: S.of(context).widgets_seed, key: ValueKey('wallet_keys_page_seed')),
|
|
if (showKeyTab) Tab(text: S.of(context).keys, key: ValueKey('wallet_keys_page_keys'),),
|
|
if (showLegacySeedTab) Tab(text: S.of(context).legacy, key: ValueKey('wallet_keys_page_seed_legacy')),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
Expanded(
|
|
child: TabBarView(
|
|
controller: _tabController,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 22, right: 22),
|
|
child: _buildSeedTab(context, false),
|
|
),
|
|
if (showKeyTab)
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 22, right: 22),
|
|
child: _buildKeysTab(context),
|
|
),
|
|
if (showLegacySeedTab)
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 22, right: 22),
|
|
child: _buildSeedTab(context, showLegacySeedTab),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSeedTab(BuildContext context, bool isLegacySeed) {
|
|
return Column(
|
|
children: [
|
|
if (isLegacySeedOnly || isLegacySeed)
|
|
...[
|
|
_buildHeightBox(),
|
|
const SizedBox(height: 20),
|
|
],
|
|
(_buildPassphraseBox() ?? Container()),
|
|
if (widget.walletKeysViewModel.passphrase.isNotEmpty) const SizedBox(height: 20),
|
|
Expanded(
|
|
child: SeedPhraseGridWidget(
|
|
list: isLegacySeed
|
|
? widget.walletKeysViewModel.legacySeedSplit
|
|
: widget.walletKeysViewModel.seedSplit,
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
_buildBottomActionPanel(
|
|
titleForClipboard: S.of(context).wallet_seed.toLowerCase(),
|
|
dataToCopy: isLegacySeed
|
|
? widget.walletKeysViewModel.legacySeed
|
|
: widget.walletKeysViewModel.seed,
|
|
onShowQR: () async => _showQR(context),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildKeysTab(BuildContext context) {
|
|
return Column(
|
|
children: [
|
|
Expanded(
|
|
child: ListView.separated(
|
|
shrinkWrap: true,
|
|
itemCount: widget.walletKeysViewModel.items.length,
|
|
itemBuilder: (context, index) {
|
|
final item = widget.walletKeysViewModel.items[index];
|
|
return TextInfoBox(
|
|
key: item.key,
|
|
title: item.title,
|
|
value: item.value,
|
|
onCopy: (context) => _onCopy(item.title, item.value, context),
|
|
);
|
|
},
|
|
separatorBuilder: (context, index) => const SizedBox(height: 20),
|
|
),
|
|
),
|
|
SizedBox(height: 20),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildHeightBox() {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 14),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
color: Theme.of(context).cardColor,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
S.of(context).block_height,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
color: Theme.of(context).extension<CakeTextTheme>()!.buttonTextColor.withOpacity(0.5),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
Expanded(
|
|
child: FutureBuilder<String?>(
|
|
future: widget.walletKeysViewModel.restoreHeight,
|
|
builder: (context, snapshot) {
|
|
final textToDisplay = snapshot.connectionState == ConnectionState.waiting
|
|
? 'Fetching...'
|
|
: (snapshot.data ?? '---');
|
|
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
textToDisplay,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
color: Theme.of(context).extension<CakeTextTheme>()!.buttonTextColor,
|
|
),
|
|
),
|
|
if (snapshot.connectionState == ConnectionState.done && snapshot.data != null)
|
|
GestureDetector(
|
|
onTap: () => _onCopy(S.of(context).block_height, snapshot.data!, context),
|
|
child: Icon(
|
|
Icons.copy,
|
|
size: 16,
|
|
color: Theme.of(context).textTheme.bodyLarge?.color?.withOpacity(0.7),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget? _buildPassphraseBox() {
|
|
if (widget.walletKeysViewModel.passphrase.isEmpty) return null;
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 14),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
color: Theme.of(context).cardColor,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
S.of(context).passphrase_view_keys,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
color: Theme.of(context).extension<CakeTextTheme>()!.buttonTextColor.withOpacity(0.5),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
Expanded(
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Observer(builder: (BuildContext context) {
|
|
return Text(
|
|
(widget.walletKeysViewModel.obscurePassphrase)
|
|
? "*****"
|
|
: widget.walletKeysViewModel.passphrase,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
color: Theme.of(context).extension<CakeTextTheme>()!.buttonTextColor,
|
|
),
|
|
);
|
|
}),
|
|
Observer(builder: (BuildContext context) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
widget.walletKeysViewModel.obscurePassphrase =
|
|
!widget.walletKeysViewModel.obscurePassphrase;
|
|
},
|
|
child: Icon(
|
|
widget.walletKeysViewModel.obscurePassphrase
|
|
? Icons.visibility_off
|
|
: Icons.visibility,
|
|
size: 16,
|
|
color: Theme.of(context).textTheme.bodyLarge?.color?.withOpacity(0.7),
|
|
));
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBottomActionPanel({
|
|
required String titleForClipboard,
|
|
required String dataToCopy,
|
|
required VoidCallback onShowQR,
|
|
}) {
|
|
return Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Flexible(
|
|
child: Container(
|
|
padding: const EdgeInsets.only(right: 8.0, top: 8.0),
|
|
child: PrimaryButton(
|
|
key: const ValueKey('wallet_keys_page_copy_seeds_button_key'),
|
|
onPressed: () => _onCopy(titleForClipboard, dataToCopy, context),
|
|
text: S.of(context).copy,
|
|
color: Theme.of(context).cardColor,
|
|
textColor: widget.currentTheme.type == ThemeType.dark
|
|
? Theme.of(context).extension<DashboardPageTheme>()!.textColor
|
|
: Theme.of(context).extension<CakeTextTheme>()!.buttonTextColor,
|
|
),
|
|
),
|
|
),
|
|
Flexible(
|
|
child: Container(
|
|
padding: const EdgeInsets.only(left: 8.0, top: 8.0),
|
|
child: PrimaryButton(
|
|
key: const ValueKey('wallet_keys_page_show_qr_seeds_button_key'),
|
|
onPressed: onShowQR,
|
|
text: S.current.show + ' QR',
|
|
color: Theme.of(context).primaryColor,
|
|
textColor: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
);
|
|
}
|
|
|
|
Future<void> _onCopy(String title, String text, BuildContext context) async {
|
|
await ClipboardUtil.setSensitiveDataToClipboard(ClipboardData(text: text));
|
|
showBar<void>(context, S.of(context).copied_key_to_clipboard(title));
|
|
}
|
|
|
|
Future<void> _showQR(BuildContext context) async {
|
|
final url = await widget.walletKeysViewModel.getUrl(false);
|
|
|
|
BrightnessUtil.changeBrightnessForFunction(() async {
|
|
await Navigator.pushNamed(
|
|
context,
|
|
Routes.fullscreenQR,
|
|
arguments: QrViewData(data: url.toString(), version: QrVersions.auto),
|
|
);
|
|
});
|
|
}
|
|
}
|