Details page transactions

trackeroo/lib/frontend/views/details_view.dart

@@ -30,13 +30,14 @@ class _DetailsViewState extends State<DetailsView> {
           mainAxisAlignment: MainAxisAlignment.start,
           crossAxisAlignment: CrossAxisAlignment.start,
             children: <Widget>[
-              Text(
+              const Text(
               'Datails chart',
               style: TextStyle(
                 fontSize: 14.0,
                 fontWeight: FontWeight.bold
               ),
             ),
+             const SizedBox(height: 20.0),
           Center(
             child : SizedBox(
               width: 400,
@@ -104,6 +105,11 @@ class _DetailsViewState extends State<DetailsView> {
                         colors: gradientColors
                       ),
                       barWidth: 5,
+                      isStrokeCapRound: true,
+                      dotData: FlDotData(
+                        show: true
+                        
+                      ),
                       belowBarData: BarAreaData(
                         show : true,
                         gradient: LinearGradient(
@@ -116,9 +122,22 @@ class _DetailsViewState extends State<DetailsView> {
                 )
               ),       
             )
-          )
-
-          ],
+          ),
+          const SizedBox(height: 20.0),
+          const Text(
+              'Transactions',
+              style: TextStyle(
+                fontSize: 14.0,
+                fontWeight: FontWeight.bold
+              ),
+            ),
+            const SizedBox(height: 5.0),
+            TransactionListtile(transaction: trn),
+            TransactionListtile(transaction: trn),
+            TransactionListtile(transaction: trn),
+            TransactionListtile(transaction: trp),
+            TransactionListtile(transaction: trn),
+          ]
       ),
     );
   }