decorate input tukaran page

.gitignore

@@ -45,4 +45,6 @@ app.*.map.json
 
 # .env file
 .env
+.gitignore
+
 

lib/ui/views/app_index_tracking/app_index_tracking_view.dart

@@ -1,10 +1,10 @@
-import 'package:curreny_exchange/app/app.router.dart';
 import 'package:flutter/material.dart';
 import 'package:stacked/stacked.dart';
 import 'package:stacked_services/stacked_services.dart';
 import 'package:stylish_bottom_bar/model/bar_items.dart';
 import 'package:stylish_bottom_bar/stylish_bottom_bar.dart';
 
+import '../../../app/app.router.dart';
 import '../../../app/themes/app_colors.dart';
 import '../../../app/themes/app_text.dart';
 import './app_index_tracking_view_model.dart';

lib/ui/views/app_index_tracking/custom_currency/custom_currency_view.dart

@@ -59,6 +59,97 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
   @override
   Widget build(BuildContext context, CustomCurrencyViewModel viewModel) {
     return Column(
+      mainAxisAlignment: MainAxisAlignment.start,
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const SizedBox(
+          height: 15,
+        ),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: [
+            Container(
+              width: 100,
+              height: 100,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(100),
+                border: Border.all(
+                  color: Colors.grey,
+                  width: 2,
+                ),
+                boxShadow: const [
+                  BoxShadow(
+                    color: Colors.grey,
+                    spreadRadius: 2,
+                    blurRadius: 5,
+                    offset: Offset(0, 3), // changes position of shadow
+                  ),
+                ],
+              ),
+              child: ClipRRect(
+                borderRadius: BorderRadius.circular(100),
+                child: Image.asset(
+                  'assets/flags/${viewModel.currencyInfoModel!.alphabeticCode!.toLowerCase()}.png',
+                  width: 100,
+                  height: 100,
+                  fit: BoxFit.cover,
+                  errorBuilder: (context, error, stackTrace) {
+                    return const Icon(Icons.error);
+                  },
+                ),
+              ),
+            ),
+            const SizedBox(
+              width: 10,
+            ),
+            const Icon(
+              Icons.arrow_forward,
+              size: 30,
+            ),
+            const SizedBox(
+              width: 10,
+            ),
+            Container(
+              width: 100,
+              height: 100,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(100),
+                border: Border.all(
+                  color: Colors.grey,
+                  width: 2,
+                ),
+                boxShadow: const [
+                  BoxShadow(
+                    color: Colors.grey,
+                    spreadRadius: 2,
+                    blurRadius: 5,
+                    offset: Offset(0, 3), // changes position of shadow
+                  ),
+                ],
+              ),
+              child: ClipRRect(
+                borderRadius: BorderRadius.circular(100),
+                child: Image.asset(
+                  'assets/flags/${viewModel.konversiInfoModel!.alphabeticCode!.toLowerCase()}.png',
+                  width: 100,
+                  height: 100,
+                  fit: BoxFit.cover,
+                  errorBuilder: (context, error, stackTrace) {
+                    return const Icon(Icons.error);
+                  },
+                ),
+              ),
+            ),
+          ],
+        ),
+        const SizedBox(
+          height: 20,
+        ),
+        Card(
+          elevation: 5,
+          child: Padding(
+            padding: const EdgeInsets.all(10),
+            child: Column(
               mainAxisAlignment: MainAxisAlignment.start,
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
@@ -69,16 +160,18 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                     children: [
                       TextSpan(
                         text: viewModel.otherFunction.timeStampConverter(
-                    viewModel.conversionResultModel!.timeLastUpdateUnix!),
+                            viewModel
+                                .conversionResultModel!.timeLastUpdateUnix!),
                         style: boldTextStyle.copyWith(
                           color: greenColor,
+                          fontSize: 12,
                         ),
                       ),
                     ],
                   ),
                 ),
                 const SizedBox(
-          height: 10,
+                  height: 15,
                 ),
                 RichText(
                   text: TextSpan(
@@ -87,16 +180,18 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                     children: [
                       TextSpan(
                         text: viewModel.otherFunction.timeStampConverter(
-                    viewModel.conversionResultModel!.timeNextUpdateUnix!),
+                            viewModel
+                                .conversionResultModel!.timeNextUpdateUnix!),
                         style: boldTextStyle.copyWith(
                           color: mainColor,
+                          fontSize: 12,
                         ),
                       ),
                     ],
                   ),
                 ),
                 const SizedBox(
-          height: 10,
+                  height: 15,
                 ),
                 Row(
                   children: [
@@ -130,7 +225,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                   ],
                 ),
                 const SizedBox(
-          height: 10,
+                  height: 15,
                 ),
                 RichText(
                   text: TextSpan(
@@ -148,7 +243,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                   ),
                 ),
                 const SizedBox(
-          height: 10,
+                  height: 15,
                 ),
                 RichText(
                   text: TextSpan(
@@ -156,7 +251,8 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                     style: regularTextStyle,
                     children: [
                       TextSpan(
-                text: '1 ${viewModel.currencyInfoModel!.alphabeticCode}',
+                        text:
+                            '1 ${viewModel.currencyInfoModel!.alphabeticCode}',
                         style: boldTextStyle.copyWith(
                           color: redColor,
                         ),
@@ -176,7 +272,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                   ),
                 ),
                 const SizedBox(
-          height: 10,
+                  height: 15,
                 ),
                 Row(
                   children: [
@@ -210,7 +306,7 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                   ],
                 ),
                 const SizedBox(
-          height: 10,
+                  height: 15,
                 ),
                 RichText(
                   text: TextSpan(
@@ -228,6 +324,19 @@ class TheDataWidget extends ViewModelWidget<CustomCurrencyViewModel> {
                   ),
                 ),
               ],
+            ),
+          ),
+        ),
+        const SizedBox(
+          height: 15,
+        ),
+        const Center(
+          child: Text(
+            'Sila Klik Icon Untuk\nKonversi Tukaran Mata Uang',
+            textAlign: TextAlign.center,
+          ),
+        ),
+      ],
     );
   }
 }

lib/ui/views/app_index_tracking/custom_currency/konversi_dialog/konversi_dialog_view.dart

@@ -1,9 +1,9 @@
-import 'package:curreny_exchange/app/themes/app_colors.dart';
-import 'package:curreny_exchange/ui/widgets/my_textformfield.dart';
 import 'package:flutter/material.dart';
 import 'package:stacked/stacked.dart';
 import 'package:stacked_services/stacked_services.dart';
 
+import '../../../../../app/themes/app_colors.dart';
+import '../../../../widgets/my_textformfield.dart';
 import './konversi_dialog_view_model.dart';
 
 class KonversiDialogView extends StatelessWidget {

lib/ui/views/app_index_tracking/custom_currency/konversi_dialog/pilih_negara_bottom_sheet/pilih_negara_bottom_sheet_view.dart

@@ -1,8 +1,8 @@
-import 'package:curreny_exchange/app/themes/app_colors.dart';
 import 'package:flutter/material.dart';
 import 'package:stacked/stacked.dart';
 import 'package:stacked_services/stacked_services.dart';
 
+import '../../../../../../app/themes/app_colors.dart';
 import '../../../../../../app/themes/app_text.dart';
 import './pilih_negara_bottom_sheet_view_model.dart';
 

lib/ui/views/app_index_tracking/today_currency/today_currency_view.dart

@@ -1,8 +1,8 @@
-import 'package:curreny_exchange/app/themes/app_colors.dart';
-import 'package:curreny_exchange/app/themes/app_text.dart';
 import 'package:flutter/material.dart';
 import 'package:stacked/stacked.dart';
 
+import '../../../../app/themes/app_colors.dart';
+import '../../../../app/themes/app_text.dart';
 import './today_currency_view_model.dart';
 
 class TodayCurrencyView extends StatelessWidget {

lib/ui/views/splash_screen/splash_screen_view.dart

@@ -1,7 +1,7 @@
-import 'package:curreny_exchange/app/themes/app_text.dart';
 import 'package:flutter/material.dart';
 import 'package:stacked/stacked.dart';
 
+import '../../../app/themes/app_text.dart';
 import './splash_screen_view_model.dart';
 
 class SplashScreenView extends StatelessWidget {