android/app/build.gradle.kts

@@ -6,7 +6,7 @@ plugins {
 }
 
 android {
-    namespace = "com.example.ocbo_esign_mobile"
+    namespace = "com.example.ocbo_esign_validator"
     compileSdk = flutter.compileSdkVersion
     ndkVersion = flutter.ndkVersion
 
@@ -21,7 +21,7 @@ android {
 
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId = "com.example.ocbo_esign_mobile"
+        applicationId = "com.example.ocbo_esign_validator"
         // You can update the following values to match your application needs.
         // For more information, see: https://flutter.dev/to/review-gradle-config.
         minSdk = flutter.minSdkVersion

android/app/src/main/AndroidManifest.xml

@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-    <application android:label="ocbo_esign_mobile" android:name="${applicationName}" android:icon="@mipmap/launcher_icon">
+    <application android:label="ocbo_esign_validator" android:name="${applicationName}" android:icon="@mipmap/launcher_icon">
         <activity android:name=".MainActivity" android:exported="true" android:launchMode="singleTop" android:taskAffinity="" android:theme="@style/LaunchTheme" android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode" android:hardwareAccelerated="true" android:windowSoftInputMode="adjustResize">
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user

android/app/src/main/kotlin/com/example/ocbo_esign_validator/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.example.ocbo_esign_mobile
+package com.example.ocbo_esign_validator
 
 import io.flutter.embedding.android.FlutterActivity
 

ios/Runner/Info.plist

@@ -13,7 +13,7 @@
 		<key>CFBundleInfoDictionaryVersion</key>
 		<string>6.0</string>
 		<key>CFBundleName</key>
-		<string>ocbo_esign_mobile</string>
+		<string>ocbo_esign_validator</string>
 		<key>CFBundlePackageType</key>
 		<string>APPL</string>
 		<key>CFBundleShortVersionString</key>

lib/blocs/application/application_bloc.dart

@@ -1,14 +0,0 @@
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_event.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_state.dart';
-
-class ApplicationBloc extends Bloc<ApplicationEvent, ApplicationState> {
-  ApplicationBloc() : super(ApplicationState('')) {
-    on<ApplicationSetValue>((event, emit) {
-      emit(ApplicationState(event.value));
-    });
-    on<ApplicationGetValue>((event, emit) {
-      emit(state);
-    });
-  }
-}

lib/blocs/application/application_event.dart

@@ -1,8 +0,0 @@
-abstract class ApplicationEvent {}
-
-class ApplicationSetValue extends ApplicationEvent {
-  final String value;
-  ApplicationSetValue(this.value);
-}
-
-class ApplicationGetValue extends ApplicationEvent {}

lib/blocs/application/application_state.dart

@@ -1,5 +0,0 @@
-class ApplicationState {
-  final String value;
-
-  ApplicationState(this.value);
-}

lib/blocs/application/functions/bloc_getapplication.dart

@@ -1,14 +0,0 @@
-import 'package:flutter/widgets.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_bloc.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_event.dart';
-
-Future<String> blocGetApplication(BuildContext context) async {
-  try {
-    final applicationBloc = context.read<ApplicationBloc>();
-    applicationBloc.add(ApplicationGetValue());
-    return applicationBloc.state.value;
-  } catch (e) {
-    return '';
-  }
-}

lib/blocs/application/functions/bloc_setapplication.dart

@@ -1,14 +0,0 @@
-import 'package:flutter/widgets.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_bloc.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_event.dart';
-
-Future<bool> blocSetApplication(BuildContext context, String value) async {
-  try {
-    final applicationBloc = context.read<ApplicationBloc>();
-    applicationBloc.add(ApplicationSetValue(value));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}

lib/main.dart

@@ -2,10 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:go_router/go_router.dart';
-import 'package:ocbo_esign_mobile/blocs/application/application_bloc.dart';
 import 'package:ocbo_esign_mobile/blocs/qr/qr_bloc.dart';
 import 'package:ocbo_esign_mobile/blocs/user/user_bloc.dart';
-import 'package:ocbo_esign_mobile/pages/application_info_page.dart';
 import 'package:ocbo_esign_mobile/pages/approval_page.dart';
 import 'package:ocbo_esign_mobile/pages/index_page.dart';
 import 'package:ocbo_esign_mobile/pages/login_page.dart';
@@ -69,21 +67,6 @@ final _router = GoRouter(
         },
       ),
     ),
-    GoRoute(
-      name: 'info',
-      path: '/info',
-      builder: (context, state) => const ApplicationInfoPage(),
-      pageBuilder: (BuildContext context, GoRouterState state) => CustomTransitionPage<void>(
-        key: state.pageKey,
-        child: const ApplicationInfoPage(),
-        transitionsBuilder: (context, animation, secondaryAnimation, child) {
-          return SlideTransition(
-            position: Tween<Offset>(begin: Offset(0.0, -1.0), end: Offset.zero).animate(animation),
-            child: child,
-          );
-        },
-      ),
-    ),
   ],
 );
 
@@ -96,7 +79,6 @@ class MyApp extends StatelessWidget {
       providers: [
         BlocProvider(create: (context) => UserBloc()),
         BlocProvider(create: (context) => QrBloc()),
-        BlocProvider(create: (context) => ApplicationBloc()),
       ],
       child: MaterialApp.router(
         debugShowCheckedModeBanner: false,

lib/pages/application_info_page.dart

@@ -1,65 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:gap/gap.dart';
-import 'package:ocbo_esign_mobile/blocs/application/functions/bloc_getapplication.dart';
-import 'package:ocbo_esign_mobile/widgets/box_widget.dart';
-import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
-
-class ApplicationInfoPage extends StatefulWidget {
-  const ApplicationInfoPage({super.key});
-
-  @override
-  State<ApplicationInfoPage> createState() => _ApplicationInfoPageState();
-}
-
-class _ApplicationInfoPageState extends State<ApplicationInfoPage> {
-  late String _applicationNo = '';
-
-  void _getInfo() async {
-    final applicationBloc = await blocGetApplication(context);
-
-    setState(() {
-      _applicationNo = applicationBloc;
-    });
-  }
-
-  @override
-  void initState() {
-    _getInfo();
-    super.initState();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      alignment: Alignment.center,
-      height: MediaQuery.of(context).size.height,
-      decoration: const BoxDecoration(
-        gradient: LinearGradient(
-          begin: Alignment.topCenter,
-          end: Alignment.bottomCenter,
-          colors: [
-            Color.fromRGBO(37, 25, 44, 1),
-            Color.fromRGBO(22, 33, 44, 1),
-            Color.fromRGBO(22, 33, 44, 1),
-            Color.fromRGBO(22, 33, 44, 1),
-            Color.fromRGBO(25, 46, 41, 1),
-          ],
-        ),
-      ),
-      child: Column(
-        children: [
-          const Gap(88),
-          BoxWidget(
-            circular: 16,
-            content: Center(child: TextWidget(text: _applicationNo, bold: true)),
-          ),
-          const Gap(16),
-          BoxWidget(
-            circular: 16,
-            content: Center(child: TextWidget(text: _applicationNo, bold: true)),
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/pages/index_page.dart

@@ -61,7 +61,7 @@ class IndexPage extends StatelessWidget {
                       ],
                     ),
                   ),
-                  const Gap(168),
+                  const Gap(184),
                   Row(
                     mainAxisAlignment: MainAxisAlignment.center,
                     spacing: 32,

lib/pages/login_page.dart

@@ -1,11 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:gap/gap.dart';
-// import 'package:go_router/go_router.dart';
+import 'package:go_router/go_router.dart';
-// import 'package:hashlib/hashlib.dart';
+import 'package:hashlib/hashlib.dart';
-// import 'package:ocbo_esign_mobile/blocs/user/functions/bloc_setuser.dart';
+import 'package:ocbo_esign_mobile/blocs/user/functions/bloc_setuser.dart';
-// import 'package:ocbo_esign_mobile/functions/get_api.dart';
+import 'package:ocbo_esign_mobile/functions/get_api.dart';
-// import 'package:ocbo_esign_mobile/functions/modal.dart';
+import 'package:ocbo_esign_mobile/functions/modal.dart';
+import 'package:ocbo_esign_mobile/widgets/box_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/button_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/image_widget.dart';
 import 'package:ocbo_esign_mobile/widgets/input_widget.dart';
@@ -22,7 +23,7 @@ class LoginPage extends StatefulWidget {
 class _LoginPageState extends State<LoginPage> {
   final _passwordController = TextEditingController();
   final _approver = dotenv.env['HEAD']!;
-  // final _approverId = dotenv.env['HEADID']!;
+  final _approverId = dotenv.env['HEADID']!;
   late ValueNotifier<String> passwordNotifier;
 
   @override
@@ -52,13 +53,13 @@ class _LoginPageState extends State<LoginPage> {
   //   }
   // }
 
-  // Future<String> _securePassword(String password) async {
+  Future<String> _securePassword(String password) async {
-  //   final firstHash = sha1.string(password);
+    final firstHash = sha1.string(password);
-  //   final secondHash = sha384.string(firstHash.toString());
+    final secondHash = sha384.string(firstHash.toString());
-  //   final thirdHash = sha1.string(secondHash.toString());
+    final thirdHash = sha1.string(secondHash.toString());
 
-  //   return thirdHash.toString();
+    return thirdHash.toString();
-  // }
+  }
 
   // void _login() async {
   //   final connected = await _checkConnection();
@@ -78,14 +79,14 @@ class _LoginPageState extends State<LoginPage> {
   //   }
   // }
 
-  // void _setLogin() {
+  void _setLogin() {
-  //   blocSetUser(context, _approver);
+    blocSetUser(context, _approver);
-  //   context.push('/approval');
+    context.push('/approval');
-  // }
+  }
 
-  // void _showDialog() {
+  void _showDialog() {
-  //   showModal(context, 'Error', 'Invalid password, try again.', true);
+    showModal(context, 'Error', 'Invalid password, try again.', true);
-  // }
+  }
 
   void _ignoreButton() {}
 

lib/pages/validate_detail_page.dart

@@ -1,7 +1,7 @@
+import 'dart:developer';
+
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
-import 'package:go_router/go_router.dart';
-import 'package:ocbo_esign_mobile/blocs/application/functions/bloc_setapplication.dart';
 import 'package:ocbo_esign_mobile/blocs/qr/functions/bloc_getqr.dart';
 import 'package:ocbo_esign_mobile/functions/get_api.dart';
 import 'package:ocbo_esign_mobile/widgets/box_widget.dart';
@@ -22,19 +22,11 @@ class _ValidateDetailPageState extends State<ValidateDetailPage> {
   final NumberFormat formatter = NumberFormat('#,###.##');
   final dateFormatter = DateFormat('yyyy-MM-dd');
   // final Color greenColor = const Color(0xFF4CCE51);
-  late bool isLoading = false;
   late int _total = 0;
   late List _applicationList = [];
   late List _dateList = [];
-  late List _timeList = [];
-  late String _name = '';
-  late int _count = 0;
 
   void _getTotalSigned() async {
-    setState(() {
-      isLoading = true;
-    });
-
     final name = await blocGetQr(context);
     final responseCount = await getApi('get-transactions-count', name, null);
     final total = responseCount['result'];
@@ -42,60 +34,19 @@ class _ValidateDetailPageState extends State<ValidateDetailPage> {
     final response = await getApi('get-transactions', name, null);
     final applicationNoList = response['result'];
     final dateList = response['result2'];
-    final timeList = response['result3'];
-
-    _name = name;
 
     setState(() {
-      isLoading = false;
       _total = double.parse(total).toInt();
-      _count = applicationNoList.length;
       _applicationList = applicationNoList;
       _dateList = dateList;
-      _timeList = timeList;
     });
   }
 
-  void _filterSigned(String application) async {
-    final response = await getApi('get-transactions-filter', _name, application);
-    final applicationNoList = response['result'];
-    final dateList = response['result2'];
-    final timeList = response['result3'];
-
-    setState(() {
-      // isLoading = false;
-      // _total = double.parse(total).toInt();
-      _count = applicationNoList.length;
-      _applicationList = applicationNoList;
-      _dateList = dateList;
-      _timeList = timeList;
-    });
-  }
-
-  void _onTextChanged() {
-    _filterSigned(_searchController.text);
-  }
-
-  void _gotoInfo() {
-    context.push('/info');
-  }
-
-  void _showDetails(String application) async {
-    await blocSetApplication(context, application);
-    _gotoInfo();
-  }
-
   @override
   void initState() {
     _getTotalSigned();
-    _searchController.addListener(_onTextChanged);
-    super.initState();
-  }
 
-  @override
+    super.initState();
-  void dispose() {
-    _searchController.removeListener(_onTextChanged);
-    super.dispose();
   }
 
   @override
@@ -122,15 +73,13 @@ class _ValidateDetailPageState extends State<ValidateDetailPage> {
           width: MediaQuery.of(context).size.width - 112,
           child: Column(
             children: [
-              const Gap(72),
+              const Gap(88),
               BoxWidget(
                 circular: 16,
                 content: Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
-                    isLoading
+                    Column(
-                        ? TextWidget(text: 'Loading Data, please wait', size: 20, bold: false)
-                        : Column(
                       children: [
                         TextWidget(text: formatter.format(_total), size: 50, bold: true),
                         const TextWidget(text: 'Total Signed Applications', size: 16),
@@ -140,17 +89,49 @@ class _ValidateDetailPageState extends State<ValidateDetailPage> {
                 ),
               ),
               const Gap(16),
-              InputWidget(controller: _searchController, password: false, placeholder: 'Filter Application Number'),
+              ClipRRect(
-              const Gap(16),
+                // borderRadius: BorderRadius.circular(36),
+                child: InputWidget(
+                  controller: _searchController,
+                  password: false,
+                  placeholder: 'Search Application Number',
+                ),
+              ),
+              const Gap(24),
+
+              // ListView(
+              //   scrollDirection: Axis.horizontal,
+              //   padding: EdgeInsets.symmetric(horizontal: 16),
+              //   children: [
+              //     // BoxWidget(
+              //     //   alignment: CrossAxisAlignment.center,
+              //     //   circular: 16,
+              //     //   content: Row(
+              //     //     children: [
+              //     //       const ImageWidget(imagePath: 'assets/esign.webp', size: 48, measureByHeight: true),
+              //     //       const Gap(16),
+              //     //       Column(
+              //     //         crossAxisAlignment: CrossAxisAlignment.start,
+              //     //         children: [
+              //     //           TextWidget(text: '23-000123', size: 18, bold: true),
+              //     //           const Gap(4),
+              //     //           TextWidget(text: 'Total Signed Applications', size: 12),
+              //     //         ],
+              //     //       ),
+              //     //     ],
+              //     //   ),
+              //     // ),
+              //   ],
+              // ),
               Expanded(
-                flex: 1,
                 child: ListView.builder(
-                  padding: EdgeInsets.only(bottom: 16),
+                  itemCount: _total,
-                  itemCount: _count,
                   itemBuilder: (BuildContext context, int index) {
-                    return InkWell(
+                    return Column(
-                      onTap: () => _showDetails(_applicationList[index]),
+                      crossAxisAlignment: CrossAxisAlignment.stretch,
-                      child: BoxWidget(
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: [
+                        BoxWidget(
                           alignment: CrossAxisAlignment.center,
                           circular: 16,
                           content: Row(
@@ -163,22 +144,91 @@ class _ValidateDetailPageState extends State<ValidateDetailPage> {
                                   TextWidget(text: _applicationList[index], size: 18, bold: true),
                                   const Gap(4),
                                   SizedBox(
-                                  width: 180,
+                                    width: 190,
-                                  child: TextWidget(text: 'Date Signed: ${_dateList[index]}', size: 10, opacity: 1),
+                                    child: TextWidget(text: '8990 Housing Development Corporation', size: 10),
                                   ),
                                   const Gap(4),
-                                TextWidget(text: 'Time: ${_timeList[index]}', size: 10, opacity: 1),
+                                  TextWidget(text: _dateList[index], size: 10, opacity: 0.8),
-                                const Gap(4),
-                                TextWidget(text: 'Tap to show details', size: 9, opacity: 0.6),
                                 ],
                               ),
                             ],
                           ),
                         ),
+                        const Gap(8),
+                      ],
                     );
                   },
                 ),
               ),
+
+              // Column(
+              //   crossAxisAlignment: CrossAxisAlignment.center,
+              //   children: [
+              //     BoxWidget(
+              //       alignment: CrossAxisAlignment.center,
+              //       circular: 16,
+              //       content: Row(
+              //         children: [
+              //           const ImageWidget(imagePath: 'assets/esign.webp', size: 48, measureByHeight: true),
+              //           const Gap(16),
+              //           Column(
+              //             crossAxisAlignment: CrossAxisAlignment.start,
+              //             children: [
+              //               TextWidget(text: '23-000123', size: 18, bold: true),
+              //               const Gap(4),
+              //               TextWidget(text: 'Total Signed Applications', size: 12),
+              //             ],
+              //           ),
+              //         ],
+              //       ),
+              //     ),
+              //     // const Gap(8),
+              //     // BoxWidget(
+              //     //   alignment: CrossAxisAlignment.center,
+              //     //   circular: 16,
+              //     //   content: Row(
+              //     //     children: [
+              //     //       const ImageWidget(imagePath: 'assets/esign.webp', size: 48, measureByHeight: true),
+              //     //       const Gap(16),
+              //     //       Column(
+              //     //         crossAxisAlignment: CrossAxisAlignment.start,
+              //     //         children: [
+              //     //           TextWidget(text: '23-000123', size: 18, bold: true),
+              //     //           const Gap(4),
+              //     //           TextWidget(text: 'Total Signed Applications', size: 12),
+              //     //           const Gap(4),
+              //     //           Expanded(
+              //     //             child: Row(
+              //     //               mainAxisAlignment: MainAxisAlignment.end,
+              //     //               children: [TextWidget(text: 'Dates', size: 8)],
+              //     //             ),
+              //     //           ),
+              //     //         ],
+              //     //       ),
+              //     //     ],
+              //     //   ),
+              //     // ),
+              //     // const Gap(8),
+              //     // BoxWidget(
+              //     //   alignment: CrossAxisAlignment.center,
+              //     //   circular: 16,
+              //     //   content: Row(
+              //     //     children: [
+              //     //       const ImageWidget(imagePath: 'assets/esign.webp', size: 48, measureByHeight: true),
+              //     //       const Gap(16),
+              //     //       Column(
+              //     //         crossAxisAlignment: CrossAxisAlignment.start,
+              //     //         children: [
+              //     //           TextWidget(text: '23-000123', size: 18, bold: true),
+              //     //           const Gap(4),
+              //     //           TextWidget(text: 'Total Signed Applications', size: 12),
+              //     //         ],
+              //     //       ),
+              //     //     ],
+              //     //   ),
+              //     // ),
+              //   ],
+              // ),
             ],
           ),
         ),

lib/pages/validate_page.dart

@@ -1,3 +1,5 @@
+import 'dart:developer';
+
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
 import 'package:go_router/go_router.dart';
@@ -25,12 +27,12 @@ class BarcodeScannerScreen extends StatefulWidget {
 }
 
 class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
-  final Color _redColorShade = const Color.fromRGBO(86, 38, 38, 0.2);
+  late String qrResult = '';
-  final Color _redColor = const Color.fromRGBO(235, 88, 115, 0.91);
+  late String qrResultSub = '';
-  final Color _greenColorShade = const Color.fromARGB(51, 41, 115, 43);
+  final Color redColorShade = const Color.fromARGB(26, 225, 82, 103);
-  final Color _greenColor = const Color.fromRGBO(76, 206, 81, 0.91);
+  final Color redColor = const Color.fromARGB(255, 229, 89, 115);
-
+  final Color greenColorShade = const Color.fromRGBO(69, 191, 73, 0.1);
-  late String _qrResult = '';
+  final Color greenColor = const Color.fromRGBO(76, 206, 81, 1);
 
   void readQr(String value) async {
     if (value.contains('OCBO e-Sign')) {
@@ -40,21 +42,21 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
 
       if (result != '') {
         setState(() {
-          _qrResult = result;
+          qrResult = result;
         });
       } else {
         setState(() {
-          _qrResult = 'non-exist';
+          qrResult = 'non-exist';
         });
       }
     } else {
       setState(() {
-        _qrResult = 'invalid';
+        qrResult = 'invalid';
       });
 
       Future.delayed(Duration(seconds: 3), () {
         setState(() {
-          _qrResult = '';
+          qrResult = '';
         });
       });
     }
@@ -70,42 +72,38 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
 
       if (result != null) {
         setState(() {
-          _qrResult = result;
+          qrResult = result;
         });
       } else {
         setState(() {
-          _qrResult = 'non-exist';
+          qrResult = 'non-exist';
         });
 
         Future.delayed(Duration(seconds: 3), () {
           setState(() {
-            _qrResult = '';
+            qrResult = '';
           });
         });
       }
     } else {
       setState(() {
-        _qrResult = 'invalid';
+        qrResult = 'invalid';
       });
 
       Future.delayed(Duration(seconds: 3), () {
         setState(() {
-          _qrResult = '';
+          qrResult = '';
         });
       });
     }
   }
 
   void updateBlockQr() async {
-    await blocSetQr(context, _qrResult);
+    await blocSetQr(context, qrResult);
   }
 
   void gotoDetails() {
     updateBlockQr();
-    setState(() {
-      _qrResult = '';
-    });
-
     context.push('/details');
   }
 
@@ -142,7 +140,7 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
                   ),
                   child: const TextWidget(text: 'Scan OCBO e-Sign QR Code', size: 14, bold: true),
                 ),
-                const Gap(16),
+                const Gap(24),
                 Container(
                   decoration: BoxDecoration(
                     borderRadius: BorderRadius.circular(36),
@@ -160,8 +158,8 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
                     //   ),
                     // ],
                   ),
-                  height: 308,
+                  height: 330,
-                  width: 318,
+                  width: 340,
                   child: ClipRRect(
                     borderRadius: BorderRadius.circular(36), // Adjust the radius as needed
                     child: MobileScanner(
@@ -180,11 +178,11 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
                   ),
                 ),
                 const Gap(24),
-                // ButtonWidget(text: 'Try API', disabled: false, onPressed: tryQR),
+                ButtonWidget(text: 'Try API', disabled: false, onPressed: tryQR),
-                if (_qrResult.isNotEmpty)
+                if (qrResult.isNotEmpty)
                   Column(
                     children: [
-                      if (_qrResult == 'invalid')
+                      if (qrResult == 'invalid')
                         Column(
                           crossAxisAlignment: CrossAxisAlignment.center,
                           children: [
@@ -192,32 +190,32 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
                               width: 220,
                               padding: const EdgeInsets.fromLTRB(0, 16, 0, 32),
                               decoration: BoxDecoration(
-                                border: BoxBorder.all(color: _redColor),
+                                border: BoxBorder.all(color: redColor),
-                                color: _redColorShade,
+                                color: redColorShade,
                                 borderRadius: BorderRadius.circular(32),
                               ),
                               child: Column(
                                 children: [
-                                  TextWidget(text: 'Invalid', bold: true, size: 24, color: _redColor),
+                                  TextWidget(text: 'Invalid', bold: true, size: 24, color: redColor),
                                   const Gap(16),
                                   Container(
                                     width: 90,
                                     height: 90,
                                     decoration: BoxDecoration(
-                                      color: _redColorShade,
+                                      color: redColorShade,
-                                      border: Border.all(color: _redColor, width: 2),
+                                      border: Border.all(color: redColor, width: 2),
                                       borderRadius: BorderRadius.circular(99),
                                     ),
-                                    child: Icon(Icons.close, color: _redColor, size: 48),
+                                    child: Icon(Icons.close, color: redColor, size: 48),
                                   ),
                                 ],
                               ),
                             ),
                             const Gap(16),
-                            TextWidget(text: 'QR Detected is not OCBO e-Sign', bold: true, size: 20, color: _redColor),
+                            TextWidget(text: 'Not valid OCBO e-Sign QR', bold: true, size: 20, color: redColor),
                           ],
                         )
-                      else if (_qrResult == 'non-exist')
+                      else if (qrResult == 'non-exist')
                         Column(
                           crossAxisAlignment: CrossAxisAlignment.center,
                           children: [
@@ -225,34 +223,29 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
                               width: 220,
                               padding: const EdgeInsets.fromLTRB(0, 16, 0, 32),
                               decoration: BoxDecoration(
-                                border: BoxBorder.all(color: _redColor),
+                                border: BoxBorder.all(color: redColor),
-                                color: _redColorShade,
+                                color: redColorShade,
                                 borderRadius: BorderRadius.circular(32),
                               ),
                               child: Column(
                                 children: [
-                                  TextWidget(text: 'Unregistered', bold: true, size: 24, color: _redColor),
+                                  TextWidget(text: 'Unregistered', bold: true, size: 24, color: redColor),
                                   const Gap(16),
                                   Container(
                                     width: 90,
                                     height: 90,
                                     decoration: BoxDecoration(
-                                      color: _redColorShade,
+                                      color: redColorShade,
-                                      border: Border.all(color: _redColor, width: 2),
+                                      border: Border.all(color: redColor, width: 2),
                                       borderRadius: BorderRadius.circular(99),
                                     ),
-                                    child: Icon(Icons.close, color: _redColor, size: 48),
+                                    child: Icon(Icons.close, color: redColor, size: 48),
                                   ),
                                 ],
                               ),
                             ),
                             const Gap(16),
-                            TextWidget(
+                            TextWidget(text: 'OCBO e-Sign QR is not registered', bold: true, size: 20, color: redColor),
-                              text: 'OCBO e-Sign QR is not registered',
-                              bold: true,
-                              size: 20,
-                              color: _redColor,
-                            ),
                           ],
                         )
                       else
@@ -263,32 +256,32 @@ class _BarcodeScannerScreenState extends State<BarcodeScannerScreen> {
                               width: 220,
                               padding: const EdgeInsets.fromLTRB(0, 16, 0, 32),
                               decoration: BoxDecoration(
-                                border: BoxBorder.all(color: _greenColor),
+                                border: BoxBorder.all(color: greenColor),
-                                color: _greenColorShade,
+                                color: greenColorShade,
                                 borderRadius: BorderRadius.circular(32),
                               ),
                               child: Column(
                                 children: [
-                                  TextWidget(text: 'Valid', bold: true, size: 24, color: _greenColor),
+                                  TextWidget(text: 'Valid', bold: true, size: 24, color: greenColor),
                                   const Gap(16),
                                   Container(
                                     padding: EdgeInsets.all(0),
                                     width: 90,
                                     height: 90,
                                     decoration: BoxDecoration(
-                                      color: _greenColorShade,
+                                      color: greenColorShade,
-                                      border: Border.all(color: _greenColor, width: 2),
+                                      border: Border.all(color: greenColor, width: 2),
                                       borderRadius: BorderRadius.circular(99),
                                     ),
-                                    child: Icon(Icons.check, color: _greenColor, size: 48),
+                                    child: Icon(Icons.check, color: greenColor, size: 48),
                                   ),
                                 ],
                               ),
                             ),
-                            const Gap(16),
+                            const Gap(24),
-                            TextWidget(text: _qrResult, bold: true, size: 18, color: _greenColor),
+                            TextWidget(text: qrResult, bold: true, size: 20, color: greenColor),
-                            const Gap(16),
+                            const Gap(24),
-                            ButtonWidget(text: "Validate Applications", disabled: false, onPressed: gotoDetails),
+                            ButtonWidget(text: "Check Signed Applications", disabled: false, onPressed: gotoDetails),
                           ],
                         ),
                     ],

lib/widgets/menu_widget.dart

@@ -17,7 +17,7 @@ class MenuWidget extends StatelessWidget {
         padding: EdgeInsets.all(16),
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(24),
-          color: Color.fromRGBO(16, 22, 28, 0.58),
+          color: Color.fromARGB(149, 16, 22, 28),
           border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
         ),
         width: 120,

pubspec.lock

@@ -117,10 +117,10 @@ packages:
     dependency: transitive
     description:
       name: dbus
-      sha256: d0c98dcd4f5169878b6cf8f6e0a52403a9dff371a3e2f019697accbf6f44a270
+      sha256: "79e0c23480ff85dc68de79e2cd6334add97e48f7f4865d17686dd6ea81a47e8c"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.12"
+    version: "0.7.11"
   device_info_plus:
     dependency: transitive
     description:
@@ -268,10 +268,10 @@ packages:
     dependency: "direct main"
     description:
       name: google_fonts
-      sha256: c30eef5e7cd26eb89cc8065b4390ac86ce579f2fcdbe35220891c6278b5460da
+      sha256: bf1fe61d4a53420a94cbbd4326e07702d247757926f6955af9667765a8324413
       url: "https://pub.dev"
     source: hosted
-    version: "8.0.1"
+    version: "8.0.0"
   hashlib:
     dependency: "direct main"
     description:
@@ -569,10 +569,10 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: "56a02f1f4cd1a2d96303c0144c93bd6d909eea6bee6bf5a0e0b685edbd4c47ab"
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.2"
+    version: "1.10.1"
   stack_trace:
     dependency: transitive
     description: