Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2025-01-08 19:59:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

WIP: chan cards

Browse source
This commit is contained in:
ryleedavis 2023-06-07 14:34:27 -06:00
parent a047eac770
commit 8d823dc2e3
3 changed files with 158 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
lib/models/isar/stack_theme.dart
View file

@ -18,8 +18,6 @@ import 'package:stackwallet/utilities/extensions/impl/box_shadow.dart';
import 'package:stackwallet/utilities/extensions/impl/gradient.dart';
import 'package:stackwallet/utilities/extensions/impl/string.dart';
part 'stack_theme.g.dart';
@Collection(inheritance: false)
class StackTheme {
Id id = Isar.autoIncrement;
@ -2104,8 +2102,6 @@ class ThemeAssetsV2 implements IThemeAssets {
late final String? loadingGif;
@override
late final String? background;
@override
late final String? walletSummaryCardBackground;
late final String coinPlaceholder;
@ -2137,6 +2133,16 @@ class ThemeAssetsV2 implements IThemeAssets {
Map<Coin, String>? _coinSecondaryImages;
late final String coinSecondaryImagesString;
@ignore
Map<Coin, String>? get coinCardImages =>
_coinCardImages ??= parseCoinAssetsString(
coinCardImagesString!,
placeHolder: coinPlaceholder,
);
@ignore
Map<Coin, String>? _coinCardImages;
late final String? coinCardImagesString;
ThemeAssetsV2();
factory ThemeAssetsV2.fromJson({
@ -2195,15 +2201,15 @@ class ThemeAssetsV2 implements IThemeAssets {
"$applicationThemesDirectoryPath/$themeId/assets",
Map<String, dynamic>.from(json["coins"]["secondaries"] as Map),
)
..coinCardImagesString = createCoinAssetsString(
"$applicationThemesDirectoryPath/$themeId/assets",
Map<String, dynamic>.from(json["coins"]["cards"] as Map),
)
..loadingGif = json["loading_gif"] is String
? "$applicationThemesDirectoryPath/$themeId/assets/${json["loading_gif"] as String}"
: null
..background = json["background"] is String
? "$applicationThemesDirectoryPath/$themeId/assets/${json["background"] as String}"
: null
..walletSummaryCardBackground = json["walletSummaryCardBackground"]
is String
? "$applicationThemesDirectoryPath/$themeId/assets/${json["walletSummaryCardBackground"] as String}"
: null;
}
@ -2254,11 +2260,11 @@ class ThemeAssetsV2 implements IThemeAssets {
'txExchangeFailed: $txExchangeFailed, '
'loadingGif: $loadingGif, '
'background: $background, '
'walletSummaryCardBackground: $walletSummaryCardBackground, '
'coinPlaceholder: $coinPlaceholder, '
'coinIcons: $coinIcons, '
'coinImages: $coinImages, '
'coinSecondaryImages: $coinSecondaryImages'
'coinSecondaryImages: $coinSecondaryImages, '
'coinCardImages: $coinCardImages'
')';
}
}
@ -2285,5 +2291,4 @@ abstract class IThemeAssets {
String? get loadingGif;
String? get background;
String? get walletSummaryCardBackground;
}

135
lib/pages/wallet_view/sub_widgets/wallet_summary.dart
View file

@ -8,6 +8,9 @@
*
*/
// import 'dart:html';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg/flutter_svg.dart';
@ -18,7 +21,10 @@ import 'package:stackwallet/themes/stack_colors.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/constants.dart';
class WalletSummary extends StatelessWidget {
import '../../../themes/coin_card_provider.dart';
import '../../../utilities/enums/coin_enum.dart';
class WalletSummary extends ConsumerWidget {
const WalletSummary({
Key? key,
required this.walletId,
@ -42,7 +48,12 @@ class WalletSummary extends StatelessWidget {
final double maxWidth;
@override
Widget build(BuildContext context) {
Widget build(BuildContext context, WidgetRef ref) {
final bool hasCardImageBg =
ref.watch(managerProvider.select((value) => value.coin)) != null;
final Coin coin = ref.watch(managerProvider.select((value) => value.coin));
return AspectRatio(
aspectRatio: aspectRatio,
child: ConstrainedBox(
@ -54,68 +65,80 @@ class WalletSummary extends StatelessWidget {
),
child: Stack(
children: [
Consumer(
builder: (_, ref, __) {
return Container(
decoration: BoxDecoration(
color: Theme.of(context)
.extension<StackColors>()!
.colorForCoin(ref.watch(
managerProvider.select((value) => value.coin))),
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
);
},
),
Positioned.fill(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Spacer(
flex: 5,
),
Expanded(
flex: 6,
child: SvgPicture.asset(
Assets.svg.ellipse1,
// fit: BoxFit.fitWidth,
// clipBehavior: Clip.none,
),
),
const SizedBox(
width: 25,
),
],
if (hasCardImageBg)
SvgPicture.file(
File(
ref.watch(
coinCardProvider(coin) as ProviderListenable<String>),
),
height: 24,
width: 24,
),
if (!hasCardImageBg)
Consumer(
builder: (_, ref, __) {
return Container(
decoration: BoxDecoration(
color: Theme.of(context)
.extension<StackColors>()!
.colorForCoin(ref.watch(
managerProvider.select((value) => value.coin))),
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
);
},
),
if (!hasCardImageBg)
Positioned.fill(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Spacer(
flex: 5,
),
Expanded(
flex: 6,
child: SvgPicture.asset(
Assets.svg.ellipse1,
// fit: BoxFit.fitWidth,
// clipBehavior: Clip.none,
),
),
const SizedBox(
width: 25,
),
],
),
),
),
// Positioned.fill(
// child:
// Column(
// mainAxisAlignment: MainAxisAlignment.end,
// children: [
Align(
alignment: Alignment.bottomCenter,
child: Row(
children: [
const Spacer(
flex: 1,
),
Expanded(
flex: 3,
child: SvgPicture.asset(
Assets.svg.ellipse2,
// fit: BoxFit.f,
// clipBehavior: Clip.none,
if (!hasCardImageBg)
Align(
alignment: Alignment.bottomCenter,
child: Row(
children: [
const Spacer(
flex: 1,
),
),
const SizedBox(
width: 13,
),
],
Expanded(
flex: 3,
child: SvgPicture.asset(
Assets.svg.ellipse2,
// fit: BoxFit.f,
// clipBehavior: Clip.none,
),
),
const SizedBox(
width: 13,
),
],
),
),
),
// ],
// ),
// ),

63
lib/themes/coin_card_provider.dart Normal file
View file

@ -0,0 +1,63 @@
/*
* This file is part of Stack Wallet.
*
* Copyright (c) 2023 Cypher Stack
* All Rights Reserved.
* The code is distributed under GPLv3 license, see LICENSE file for details.
* Generated by Cypher Stack on 2023-05-26
*
*/
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:stackwallet/models/isar/stack_theme.dart';
import 'package:stackwallet/themes/theme_providers.dart';
import 'package:stackwallet/utilities/enums/coin_enum.dart';
final coinCardProvider = Provider.family<String?, Coin>((ref, coin) {
final assets = ref.watch(themeAssetsProvider);
if (assets is ThemeAssets) {
switch (coin) {
// case Coin.bitcoin:
// return assets.bitcoinImage;
// case Coin.litecoin:
// case Coin.litecoinTestNet:
// return assets.litecoinImage;
// case Coin.bitcoincash:
// return assets.bitcoincashImage;
// case Coin.dogecoin:
// return assets.dogecoinImage;
// case Coin.eCash:
// return assets.bitcoinImage;
// case Coin.epicCash:
// return assets.epicCashImage;
// case Coin.firo:
// return assets.firoImage;
// case Coin.monero:
// return assets.moneroImage;
// case Coin.wownero:
// return assets.wowneroImage;
// case Coin.namecoin:
// return assets.namecoinImage;
// case Coin.particl:
// return assets.particlImage;
// case Coin.bitcoinTestNet:
// return assets.bitcoinImage;
// case Coin.bitcoincashTestnet:
// return assets.bitcoincashImage;
// case Coin.firoTestNet:
// return assets.firoImage;
// case Coin.dogecoinTestNet:
// return assets.dogecoinImage;
// case Coin.ethereum:
// return assets.ethereumImage;
default:
return null;
}
}
else {
if(assets != null) {
return (assets as ThemeAssetsV2).coinCardImages?[coin.mainNetVersion]!;
}
}
});