@marcos_feitoza/personal-finance-frontend-feature-investments 1.2.1 → 1.2.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.2.2](https://github.com/MarcosOps/personal-finance-frontend-feature-investments/compare/v1.2.1...v1.2.2) (2026-01-30)
+
+
+### Bug Fixes
+
+* Web responsivo (mobile/tablet/resize) ([f3aa7b2](https://github.com/MarcosOps/personal-finance-frontend-feature-investments/commit/f3aa7b2edd456ca2fe1d32ea3a7f8798dc053fe9))
+
 ## [1.2.1](https://github.com/MarcosOps/personal-finance-frontend-feature-investments/compare/v1.2.0...v1.2.1) (2026-01-29)
 
 

package/lib/screens/crypto_account_screen.dart

@@ -3,6 +3,7 @@ import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:personal_finance_frontend_core_services/providers/auth_provider.dart';
 import 'package:personal_finance_frontend_core_ui/utils/app_dialogs.dart';
+import 'package:personal_finance_frontend_core_ui/utils/app_responsive.dart';
 import 'package:personal_finance_frontend_core_ui/utils/app_snackbars.dart';
 import 'package:personal_finance_frontend_core_ui/widgets/crypto_trade_form.dart';
 import '../viewmodels/crypto_account_viewmodel.dart';
@@ -119,8 +120,7 @@ class CryptoAccountScreen extends StatelessWidget {
       );
     }
 
-    return SingleChildScrollView(
-      scrollDirection: Axis.horizontal,
+    return ResponsiveHorizontalScroll(
       child: DataTable(
         columnSpacing: 24.0,
         columns: const [
@@ -205,7 +205,8 @@ class CryptoAccountScreen extends StatelessWidget {
         }
       });
 
-    return DataTable(
+    return ResponsiveHorizontalScroll(
+      child: DataTable(
       columns: const [
         DataColumn(label: Text('Date')),
         DataColumn(label: Text('Symbol')),
@@ -239,6 +240,7 @@ class CryptoAccountScreen extends StatelessWidget {
           ),
         ]);
       }).toList(),
+      ),
     );
   }
 

package/lib/screens/investment_account_screen.dart

@@ -4,6 +4,7 @@ import 'package:provider/provider.dart';
 import 'package:personal_finance_frontend_core_services/providers/auth_provider.dart';
 import 'package:personal_finance_frontend_core_ui/utils/app_dialogs.dart';
 import 'package:personal_finance_frontend_core_ui/utils/app_snackbars.dart';
+import 'package:personal_finance_frontend_core_ui/utils/app_responsive.dart';
 import 'package:personal_finance_frontend_core_ui/widgets/trade_form.dart';
 import 'package:personal_finance_frontend_core_ui/widgets/dividend_log_form.dart';
 import 'package:personal_finance_frontend_core_ui/widgets/app_widgets.dart';
@@ -183,8 +184,7 @@ class InvestmentAccountScreen extends StatelessWidget {
       );
     }
 
-    return SingleChildScrollView(
-      scrollDirection: Axis.horizontal,
+    return ResponsiveHorizontalScroll(
       child: DataTable(
         columnSpacing: 24.0,
         columns: [
@@ -264,48 +264,57 @@ class InvestmentAccountScreen extends StatelessWidget {
       );
     }
 
-    return DataTable(
-      columns: const [
-        DataColumn(label: Text('Date')),
-        DataColumn(label: Text('Trade Age')),
-        DataColumn(label: Text('Symbol')),
-        DataColumn(label: Text('Type')),
-        DataColumn(label: Text('Shares')),
-        DataColumn(label: Text('Price')),
-        DataColumn(label: Text('Total')),
-        DataColumn(label: Text('Actions')),
-      ],
-      rows: filteredHistory.map((item) {
-        final isTrade = item['history_type'] == 'trade';
-        final isDividend = item['history_type'] == 'dividend';
+    return ResponsiveHorizontalScroll(
+      child: DataTable(
+        columns: const [
+          DataColumn(label: Text('Date')),
+          DataColumn(label: Text('Trade Age')),
+          DataColumn(label: Text('Symbol')),
+          DataColumn(label: Text('Type')),
+          DataColumn(label: Text('Shares')),
+          DataColumn(label: Text('Price')),
+          DataColumn(label: Text('Total')),
+          DataColumn(label: Text('Actions')),
+        ],
+        rows: filteredHistory.map((item) {
+          final isTrade = item['history_type'] == 'trade';
+          // final isDividend = item['history_type'] == 'dividend'; // Reserved for future use.
 
-        final tradeDate = DateTime.parse(item['date'] as String);
-        final tradeAge = DateTime.now().difference(tradeDate);
-        final symbol = item['symbol'] as String? ?? 'N/A';
-        final type = item['type'] as String? ?? 'N/A';
-        final int id = item['id'] as int;
+          final tradeDate = DateTime.parse(item['date'] as String);
+          final tradeAge = DateTime.now().difference(tradeDate);
+          final symbol = item['symbol'] as String? ?? 'N/A';
+          final type = item['type'] as String? ?? 'N/A';
+          final int id = item['id'] as int;
 
-        final double shares = isTrade ? (double.tryParse(item['shares']?.toString() ?? '0.0') ?? 0.0) : 0.0;
-        final double price = isTrade ? (double.tryParse(item['price']?.toString() ?? '0.0') ?? 0.0) : 0.0;
-        final double total = isTrade ? (shares * price) : (double.tryParse(item['total']?.toString() ?? '0.0') ?? 0.0);
+          final double shares = isTrade
+              ? (double.tryParse(item['shares']?.toString() ?? '0.0') ?? 0.0)
+              : 0.0;
+          final double price = isTrade
+              ? (double.tryParse(item['price']?.toString() ?? '0.0') ?? 0.0)
+              : 0.0;
+          final double total = isTrade
+              ? (shares * price)
+              : (double.tryParse(item['total']?.toString() ?? '0.0') ?? 0.0);
 
-        return DataRow(cells: [
-          DataCell(Text(DateFormat('yyyy-MM-dd').format(tradeDate))),
-          DataCell(Text(_formatDuration(tradeAge))),
-          DataCell(Text(symbol)),
-          DataCell(Text(type)),
-          DataCell(isTrade ? Text(shares.toStringAsFixed(4)) : const Text('-')),
-          DataCell(isTrade ? Text(_formatCurrency(price)) : const Text('-')),
-          DataCell(Text(_formatCurrency(total))),
-          DataCell(
-            IconButton(
-              icon: const Icon(Icons.delete, color: Colors.red),
-              onPressed: () => _confirmAndDeleteItem(context, viewModel, id, isTrade),
-              tooltip: 'Delete Item',
+          return DataRow(cells: [
+            DataCell(Text(DateFormat('yyyy-MM-dd').format(tradeDate))),
+            DataCell(Text(_formatDuration(tradeAge))),
+            DataCell(Text(symbol)),
+            DataCell(Text(type)),
+            DataCell(isTrade ? Text(shares.toStringAsFixed(4)) : const Text('-')),
+            DataCell(isTrade ? Text(_formatCurrency(price)) : const Text('-')),
+            DataCell(Text(_formatCurrency(total))),
+            DataCell(
+              IconButton(
+                icon: const Icon(Icons.delete, color: Colors.red),
+                onPressed: () =>
+                    _confirmAndDeleteItem(context, viewModel, id, isTrade),
+                tooltip: 'Delete Item',
+              ),
             ),
-          ),
-        ]);
-      }).toList(),
+          ]);
+        }).toList(),
+      ),
     );
   }
 

package/lib/screens/rrsp_sun_life_screen.dart

@@ -3,6 +3,7 @@ import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:personal_finance_frontend_core_services/providers/auth_provider.dart';
 import 'package:personal_finance_frontend_core_ui/utils/app_dialogs.dart';
+import 'package:personal_finance_frontend_core_ui/utils/app_responsive.dart';
 import 'package:personal_finance_frontend_core_ui/utils/app_snackbars.dart';
 import 'package:personal_finance_frontend_core_ui/widgets/rrsp_contribution_form.dart';
 import '../viewmodels/rrsp_sun_life_viewmodel.dart';
@@ -100,8 +101,9 @@ class RrspSunLifeScreen extends StatelessWidget {
     final double unrealizedPL = double.tryParse(summary['unrealized_pl']?.toString() ?? '0.0') ?? 0.0;
     final plColor = (unrealizedPL >= 0) ? Colors.green : Colors.red;
 
-    return DataTable(
-      columns: const [
+    return ResponsiveHorizontalScroll(
+      child: DataTable(
+        columns: const [
         DataColumn(label: Text('User Contr.')),
         DataColumn(label: Text('Company Contr.')),
         DataColumn(label: Text('Total Contributed')),
@@ -110,7 +112,7 @@ class RrspSunLifeScreen extends StatelessWidget {
         DataColumn(label: Text('Market Value')),
         DataColumn(label: Text('Portfolio %')),
       ],
-      rows: [
+        rows: [
         DataRow(
           cells: [
             DataCell(
@@ -133,7 +135,8 @@ class RrspSunLifeScreen extends StatelessWidget {
             ),
           ],
         ),
-      ],
+        ],
+      ),
     );
   }
 
@@ -148,8 +151,9 @@ class RrspSunLifeScreen extends StatelessWidget {
       );
     }
 
-    return DataTable(
-      columns: const [
+    return ResponsiveHorizontalScroll(
+      child: DataTable(
+        columns: const [
         DataColumn(label: Text('Date')),
         DataColumn(label: Text('User Contr.')),
         DataColumn(label: Text('Company Contr.')),
@@ -160,7 +164,7 @@ class RrspSunLifeScreen extends StatelessWidget {
         DataColumn(label: Text('Portfolio %')),
         DataColumn(label: Text('Actions')),
       ],
-      rows: viewModel.contributions.map((c) {
+        rows: viewModel.contributions.map((c) {
         final contributionId = c['id'] as int;
         final rrspAmount = double.tryParse(c['rrsp_amount']?.toString() ?? '0.0') ?? 0.0;
         final dpspAmount = double.tryParse(c['dpsp_amount']?.toString() ?? '0.0') ?? 0.0;
@@ -207,7 +211,8 @@ class RrspSunLifeScreen extends StatelessWidget {
             ),
           ],
         );
-      }).toList(),
+        }).toList(),
+      ),
     );
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@marcos_feitoza/personal-finance-frontend-feature-investments",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "publishConfig": {
         "access": "public"
     },