mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-11-06 04:17:42 +00:00
374 lines
12 KiB
Dart
374 lines
12 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:http/http.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
import 'package:stackwallet/models/isar/models/blockchain_data/utxo.dart';
|
|
import 'package:stackwallet/models/isar/ordinal.dart';
|
|
import 'package:stackwallet/notifications/show_flush_bar.dart';
|
|
import 'package:stackwallet/providers/db/main_db_provider.dart';
|
|
import 'package:stackwallet/providers/global/wallets_provider.dart';
|
|
import 'package:stackwallet/themes/stack_colors.dart';
|
|
import 'package:stackwallet/utilities/amount/amount.dart';
|
|
import 'package:stackwallet/utilities/amount/amount_formatter.dart';
|
|
import 'package:stackwallet/utilities/assets.dart';
|
|
import 'package:stackwallet/utilities/constants.dart';
|
|
import 'package:stackwallet/utilities/enums/coin_enum.dart';
|
|
import 'package:stackwallet/utilities/show_loading.dart';
|
|
import 'package:stackwallet/utilities/text_styles.dart';
|
|
import 'package:stackwallet/widgets/background.dart';
|
|
import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
|
|
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
|
|
import 'package:stackwallet/widgets/rounded_white_container.dart';
|
|
|
|
class OrdinalDetailsView extends ConsumerStatefulWidget {
|
|
const OrdinalDetailsView({
|
|
Key? key,
|
|
required this.walletId,
|
|
required this.ordinal,
|
|
}) : super(key: key);
|
|
|
|
final String walletId;
|
|
final Ordinal ordinal;
|
|
|
|
static const routeName = "/ordinalDetailsView";
|
|
|
|
@override
|
|
ConsumerState<OrdinalDetailsView> createState() => _OrdinalDetailsViewState();
|
|
}
|
|
|
|
class _OrdinalDetailsViewState extends ConsumerState<OrdinalDetailsView> {
|
|
static const _spacing = 12.0;
|
|
|
|
late final UTXO? utxo;
|
|
|
|
@override
|
|
void initState() {
|
|
utxo = widget.ordinal.getUTXO(ref.read(mainDBProvider));
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final coin = ref.watch(walletsChangeNotifierProvider
|
|
.select((value) => value.getManager(widget.walletId).coin));
|
|
|
|
return Background(
|
|
child: SafeArea(
|
|
child: Scaffold(
|
|
backgroundColor:
|
|
Theme.of(context).extension<StackColors>()!.background,
|
|
appBar: AppBar(
|
|
backgroundColor:
|
|
Theme.of(context).extension<StackColors>()!.background,
|
|
leading: const AppBarBackButton(),
|
|
title: Text(
|
|
"Ordinal details",
|
|
style: STextStyles.navBarTitle(context),
|
|
),
|
|
),
|
|
body: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
vertical: 12,
|
|
horizontal: 39,
|
|
),
|
|
child: _OrdinalImageGroup(
|
|
ordinal: widget.ordinal,
|
|
walletId: widget.walletId,
|
|
),
|
|
),
|
|
_DetailsItemWCopy(
|
|
title: "Inscription number",
|
|
data: widget.ordinal.inscriptionNumber.toString(),
|
|
),
|
|
const SizedBox(
|
|
height: _spacing,
|
|
),
|
|
_DetailsItemWCopy(
|
|
title: "Inscription ID",
|
|
data: widget.ordinal.inscriptionId,
|
|
),
|
|
// const SizedBox(
|
|
// height: _spacing,
|
|
// ),
|
|
// // todo: add utxo status
|
|
const SizedBox(
|
|
height: _spacing,
|
|
),
|
|
_DetailsItemWCopy(
|
|
title: "Amount",
|
|
data: utxo == null
|
|
? "ERROR"
|
|
: ref.watch(pAmountFormatter(coin)).format(
|
|
Amount(
|
|
rawValue: BigInt.from(utxo!.value),
|
|
fractionDigits: coin.decimals,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: _spacing,
|
|
),
|
|
_DetailsItemWCopy(
|
|
title: "Owner address",
|
|
data: utxo?.address ?? "ERROR",
|
|
),
|
|
const SizedBox(
|
|
height: _spacing,
|
|
),
|
|
_DetailsItemWCopy(
|
|
title: "Transaction ID",
|
|
data: widget.ordinal.utxoTXID,
|
|
),
|
|
const SizedBox(
|
|
height: _spacing,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _DetailsItemWCopy extends StatelessWidget {
|
|
const _DetailsItemWCopy({
|
|
Key? key,
|
|
required this.title,
|
|
required this.data,
|
|
}) : super(key: key);
|
|
|
|
final String title;
|
|
final String data;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return RoundedWhiteContainer(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: STextStyles.itemSubtitle(context),
|
|
),
|
|
GestureDetector(
|
|
onTap: () async {
|
|
await Clipboard.setData(ClipboardData(text: data));
|
|
if (context.mounted) {
|
|
unawaited(
|
|
showFloatingFlushBar(
|
|
type: FlushBarType.info,
|
|
message: "Copied to clipboard",
|
|
context: context,
|
|
),
|
|
);
|
|
}
|
|
},
|
|
child: Row(
|
|
children: [
|
|
SvgPicture.asset(
|
|
Assets.svg.copy,
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.infoItemIcons,
|
|
width: 12,
|
|
),
|
|
const SizedBox(
|
|
width: 6,
|
|
),
|
|
Text(
|
|
"Copy",
|
|
style: STextStyles.infoSmall(context).copyWith(
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.infoItemIcons,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 4,
|
|
),
|
|
SelectableText(
|
|
data,
|
|
style: STextStyles.itemSubtitle12(context),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _OrdinalImageGroup extends StatelessWidget {
|
|
const _OrdinalImageGroup({
|
|
Key? key,
|
|
required this.walletId,
|
|
required this.ordinal,
|
|
}) : super(key: key);
|
|
|
|
final String walletId;
|
|
final Ordinal ordinal;
|
|
|
|
static const _spacing = 12.0;
|
|
|
|
Future<String> _savePngToFile() async {
|
|
final response = await get(Uri.parse(ordinal.content));
|
|
|
|
if (response.statusCode != 200) {
|
|
throw Exception(
|
|
"statusCode=${response.statusCode} body=${response.bodyBytes}");
|
|
}
|
|
|
|
final bytes = response.bodyBytes;
|
|
|
|
if (Platform.isAndroid) {
|
|
await Permission.storage.request();
|
|
}
|
|
|
|
final dir = Platform.isAndroid
|
|
? Directory("/storage/emulated/0/Documents")
|
|
: await getApplicationDocumentsDirectory();
|
|
|
|
final docPath = dir.path;
|
|
final filePath = "$docPath/ordinal_${ordinal.inscriptionNumber}.png";
|
|
|
|
File imgFile = File(filePath);
|
|
|
|
if (imgFile.existsSync()) {
|
|
throw Exception("File already exists");
|
|
}
|
|
|
|
await imgFile.writeAsBytes(bytes);
|
|
return filePath;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
// Text(
|
|
// "${ordinal.inscriptionId}", // Use any other property you want
|
|
// style: STextStyles.w600_16(context),
|
|
// ),
|
|
// const SizedBox(
|
|
// height: _spacing,
|
|
// ),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(
|
|
Constants.size.circularBorderRadius,
|
|
),
|
|
child: AspectRatio(
|
|
aspectRatio: 1,
|
|
child: Container(
|
|
color: Colors.transparent,
|
|
child: Image.network(
|
|
ordinal.content, // Use the preview URL as the image source
|
|
fit: BoxFit.cover,
|
|
filterQuality:
|
|
FilterQuality.none, // Set the filter mode to nearest
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: _spacing,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: SecondaryButton(
|
|
label: "Download",
|
|
icon: SvgPicture.asset(
|
|
Assets.svg.arrowDown,
|
|
width: 10,
|
|
height: 12,
|
|
color: Theme.of(context)
|
|
.extension<StackColors>()!
|
|
.buttonTextSecondary,
|
|
),
|
|
buttonHeight: ButtonHeight.l,
|
|
iconSpacing: 4,
|
|
onPressed: () async {
|
|
bool didError = false;
|
|
final filePath = await showLoading<String>(
|
|
whileFuture: _savePngToFile(),
|
|
context: context,
|
|
isDesktop: true,
|
|
message: "Saving ordinal image",
|
|
onException: (e) {
|
|
didError = true;
|
|
String msg = e.toString();
|
|
while (msg.isNotEmpty && msg.startsWith("Exception:")) {
|
|
msg = msg.substring(10).trim();
|
|
}
|
|
showFloatingFlushBar(
|
|
type: FlushBarType.warning,
|
|
message: msg,
|
|
context: context,
|
|
);
|
|
},
|
|
);
|
|
|
|
if (!didError && context.mounted) {
|
|
await showFloatingFlushBar(
|
|
type: FlushBarType.success,
|
|
message: "Image saved to $filePath",
|
|
context: context,
|
|
);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
// const SizedBox(
|
|
// width: _spacing,
|
|
// ),
|
|
// Expanded(
|
|
// child: PrimaryButton(
|
|
// label: "Send",
|
|
// icon: SvgPicture.asset(
|
|
// Assets.svg.send,
|
|
// width: 10,
|
|
// height: 10,
|
|
// color: Theme.of(context)
|
|
// .extension<StackColors>()!
|
|
// .buttonTextPrimary,
|
|
// ),
|
|
// buttonHeight: ButtonHeight.l,
|
|
// iconSpacing: 4,
|
|
// onPressed: () async {
|
|
// final response = await showDialog<String?>(
|
|
// context: context,
|
|
// builder: (_) => const SendOrdinalUnfreezeDialog(),
|
|
// );
|
|
// if (response == "unfreeze") {
|
|
// // TODO: unfreeze and go to send ord screen
|
|
// }
|
|
// },
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|