display amount below the asset name

ozgunozerk · Jan 3, 2024 · 396b78b · 396b78b
1 parent 5bd1086
commit 396b78b
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 6 deletions.
diff --git a/lib/presentation/ui/text_styles.dart b/lib/presentation/ui/text_styles.dart
@@ -59,6 +59,13 @@ const TextStyle assetTextStyle = TextStyle(
   color: Colors.black,
 );
 
+/// AssetCard Text Styles
+const TextStyle amountTextStyle = TextStyle(
+  fontSize: 13,
+  fontWeight: FontWeight.w600,
+  color: howBlack,
+);
+
 TextStyle changeTextStyle(double change) {
   return TextStyle(
     fontSize: 13,

diff --git a/lib/presentation/widgets/cards/static_asset_card.dart b/lib/presentation/widgets/cards/static_asset_card.dart
@@ -12,6 +12,7 @@ import 'package:how_much/util/symbol_to_icon.dart';
 class StaticAssetCard extends StatelessWidget {
   final AssetType assetType;
   final String assetId;
+  final double amount;
   final double value;
   final double profit;
   final double rateChange;
@@ -20,6 +21,7 @@ class StaticAssetCard extends StatelessWidget {
   const StaticAssetCard({
     super.key,
     required this.assetId,
+    required this.amount,
     required this.value,
     required this.profit,
     required this.assetType,
@@ -45,14 +47,24 @@ class StaticAssetCard extends StatelessWidget {
             Row(
               children: [
                 Padding(
-                  padding: const EdgeInsets.only(left: 12, right: 12),
+                  padding: const EdgeInsets.only(left: 12, right: 14),
                   child: assetIdToIcon(assetId, assetType),
                 ),
-                Text(
-                  assetType == AssetType.crypto
-                      ? cryptoIdToSymbol(assetId).toUpperCase()
-                      : assetId.toUpperCase(),
-                  style: assetTextStyle,
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Text(
+                      assetType == AssetType.crypto
+                          ? cryptoIdToSymbol(assetId).toUpperCase()
+                          : assetId.toUpperCase(),
+                      style: assetTextStyle,
+                    ),
+                    Text(
+                      formatWithoutSign(amount),
+                      style: amountTextStyle,
+                    ),
+                  ],
                 ),
               ],
             ),

diff --git a/lib/presentation/widgets/static_asset_list.dart b/lib/presentation/widgets/static_asset_list.dart
@@ -55,6 +55,7 @@ List<Widget> _buildAssetItems(List<AssetItem> assetList, BuildContext context) {
       children: [
         StaticAssetCard(
             assetId: assetId,
+            amount: assetReport.amount,
             value: assetReport.endValue,
             assetType: assetType,
             borderRadius: borderRadius,