fix: double is not int; remove useless typed

add certs screen

See merge request clients/gecko!41

integration_test/utility/tests_utility.dart

@@ -136,7 +136,7 @@ Future<void> waitFor(String text,
   Finder finder = exactMatch ? find.text(text) : find.textContaining(text);
   log.d('INTEGRATION TEST: Wait for: $text');
 
-  final String searchType = reverse ? 'reversed text' : 'text';
+  final searchType = reverse ? 'reversed text' : 'text';
 
   do {
     if (DateTime.now().isAfter(end)) {

lib/models/queries_indexer.dart

@@ -56,5 +56,26 @@ query ($address: String!, $number: Int!, $cursor: String) {
 }
 ''';
 
-// To parse indexer date format
-// log.d(DateTime.parse("2022-06-13T16:51:24.001+00:00").toString());
+const String getCertsReceived = r'''
+query ($address: String!) {
+  certification(where: {receiver: {pubkey: {_eq: $address}}}) {
+    issuer {
+      pubkey
+      name
+    }
+    created_at
+  }
+}
+''';
+
+const String getCertsSent = r'''
+query ($address: String!) {
+  certification(where: {issuer: {pubkey: {_eq: $address}}}) {
+    receiver {
+      pubkey
+      name
+    }
+    created_at
+  }
+}
+''';

lib/models/widgets_keys.dart

@@ -61,6 +61,9 @@ const keyCloseTransactionScreen = Key('keyCloseTransactionScreen');
 const keyListTransactions = Key('keyListTransactions');
 const keyActivityScreen = Key('keyActivityScreen');
 
+// Certification view
+const keyCertsReceived = Key('keyCertsReceived');
+
 // Unlock wallet
 const keyUnlockWallet = Key('keyUnlockWallet');
 const keyPinForm = Key('keyPinForm');

lib/providers/cesium_plus.dart

@@ -8,8 +8,6 @@ import 'package:path_provider/path_provider.dart';
 
 class CesiumPlusProvider with ChangeNotifier {
   TextEditingController cesiumName = TextEditingController();
-  Image defaultAvatar(double size) =>
-      Image.asset(('assets/icon_user.png'), height: size);
 
   CancelToken avatarCancelToken = CancelToken();
 
@@ -156,3 +154,6 @@ class CesiumPlusProvider with ChangeNotifier {
     return finalAvatar;
   }
 }
+
+Image defaultAvatar(double size) =>
+    Image.asset(('assets/icon_user.png'), height: size);

lib/providers/duniter_indexer.dart

@@ -248,8 +248,6 @@ class DuniterIndexer with ChangeNotifier {
   Widget searchIdentity(BuildContext context, String name) {
     // WalletOptionsProvider _walletOptions =
     //     Provider.of<WalletOptionsProvider>(context, listen: false);
-    final cesiumPlusProvider =
-        Provider.of<CesiumPlusProvider>(context, listen: false);
     WalletsProfilesProvider walletsProfiles =
         Provider.of<WalletsProfilesProvider>(context, listen: false);
     if (indexerEndpoint == '') {
@@ -305,7 +303,7 @@ class DuniterIndexer with ChangeNotifier {
                         key: keySearchResult(profile['pubkey']),
                         horizontalTitleGap: 40,
                         contentPadding: const EdgeInsets.all(5),
-                        leading: cesiumPlusProvider.defaultAvatar(avatarSize),
+                        leading: defaultAvatar(avatarSize),
                         title: Row(children: <Widget>[
                           Text(getShortPubkey(profile['pubkey']),
                               style: const TextStyle(
@@ -370,8 +368,8 @@ class DuniterIndexer with ChangeNotifier {
       transBC.add(i);
       transBC[i] = [];
       transBC[i].add(DateTime.parse(transaction['created_at']));
-      final int amountBrut = transaction['amount'];
-      final double amount = removeDecimalZero(amountBrut / 100);
+      final amountBrut = transaction['amount'];
+      final amount = removeDecimalZero(amountBrut / 100);
       if (direction == "RECEIVED") {
         transBC[i].add(transaction['issuer_pubkey']);
         transBC[i].add(transaction['issuer']['identity']?['name'] ?? '');

lib/providers/wallets_profiles.dart

@@ -1,21 +1,13 @@
 import 'dart:io';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-
 import 'package:gecko/globals.dart';
 import 'package:gecko/models/g1_wallets_list.dart';
-import 'package:gecko/models/widgets_keys.dart';
-import 'package:gecko/providers/cesium_plus.dart';
-import 'package:gecko/providers/substrate_sdk.dart';
-import 'package:gecko/providers/wallet_options.dart';
-import 'package:gecko/screens/common_elements.dart';
 import 'package:gecko/screens/wallet_view.dart';
 import 'package:jdenticon_dart/jdenticon_dart.dart';
 import 'package:permission_handler/permission_handler.dart';
 // import 'package:qrscan/qrscan.dart' as scanner;
 import 'package:barcode_scan2/barcode_scan2.dart';
-import 'package:provider/provider.dart';
 
 class WalletsProfilesProvider with ChangeNotifier {
   WalletsProfilesProvider(this.address);
@@ -130,101 +122,6 @@ class WalletsProfilesProvider with ChangeNotifier {
     return _balance;
   }
 
-  Widget headerProfileView(
-      BuildContext context, String address, String? username) {
-    const double avatarSize = 140;
-
-    final walletOptions =
-        Provider.of<WalletOptionsProvider>(context, listen: false);
-    final cesiumPlusProvider =
-        Provider.of<CesiumPlusProvider>(context, listen: false);
-
-    return Stack(children: <Widget>[
-      Consumer<SubstrateSdk>(builder: (context, sub, _) {
-        bool isAccountExist = balanceCache[address] != 0;
-        return Container(
-            height: 180,
-            decoration: BoxDecoration(
-              gradient: LinearGradient(
-                begin: Alignment.topCenter,
-                end: Alignment.bottomCenter,
-                colors: [
-                  isAccountExist ? yellowC : Colors.grey[400]!,
-                  isAccountExist ? const Color(0xFFE7811A) : Colors.grey[600]!,
-                ],
-              ),
-            ));
-      }),
-      Padding(
-        padding: const EdgeInsets.only(left: 30, right: 40),
-        child: Row(children: <Widget>[
-          Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: <Widget>[
-                Container(
-                  height: 10,
-                  color: yellowC, // Colors.grey[400],
-                ),
-                Row(children: [
-                  GestureDetector(
-                    key: keyCopyAddress,
-                    onTap: () {
-                      Clipboard.setData(ClipboardData(text: address));
-                      snackCopyKey(context);
-                    },
-                    child: Text(
-                      getShortPubkey(address),
-                      style: const TextStyle(
-                        fontSize: 30,
-                        fontWeight: FontWeight.w800,
-                      ),
-                    ),
-                  ),
-                ]),
-                const SizedBox(height: 25),
-                balance(context, address, 22),
-                const SizedBox(height: 10),
-                walletOptions.idtyStatus(context, address,
-                    isOwner: false, color: Colors.black),
-                getCerts(context, address, 14),
-                // if (username == null &&
-                //     g1WalletsBox.get(address)?.username != null)
-                //   SizedBox(
-                //     width: 230,
-                //     child: Text(
-                //       g1WalletsBox.get(address)?.username ?? '',
-                //       style: const TextStyle(
-                //         fontSize: 27,
-                //         color: Color(0xff814C00),
-                //       ),
-                //     ),
-                //   ),
-                // if (username != null)
-                //   SizedBox(
-                //     width: 230,
-                //     child: Text(
-                //       username,
-                //       style: const TextStyle(
-                //         fontSize: 27,
-                //         color: Color(0xff814C00),
-                //       ),
-                //     ),
-                //   ),
-                const SizedBox(height: 55),
-              ]),
-          const Spacer(),
-          Column(children: <Widget>[
-            ClipOval(
-              child: cesiumPlusProvider.defaultAvatar(avatarSize),
-            ),
-            const SizedBox(height: 25),
-          ]),
-        ]),
-      ),
-      CommonElements().offlineInfo(context),
-    ]);
-  }
-
   bool isContact(String address) {
     return contactsBox.containsKey(address);
   }

lib/screens/activity.dart

@@ -9,9 +9,9 @@ import 'package:gecko/providers/cesium_plus.dart';
 import 'package:gecko/providers/duniter_indexer.dart';
 import 'package:gecko/providers/home.dart';
 import 'package:gecko/providers/substrate_sdk.dart';
-import 'package:gecko/providers/wallets_profiles.dart';
 import 'package:flutter/material.dart';
 import 'package:gecko/screens/wallet_view.dart';
+import 'package:gecko/widgets/header_profile.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
 import 'package:provider/provider.dart';
 
@@ -31,8 +31,6 @@ class ActivityScreen extends StatelessWidget with ChangeNotifier {
 
   @override
   Widget build(BuildContext context) {
-    WalletsProfilesProvider walletProfile =
-        Provider.of<WalletsProfilesProvider>(context, listen: false);
     HomeProvider homeProvider =
         Provider.of<HomeProvider>(context, listen: false);
 
@@ -48,7 +46,7 @@ class ActivityScreen extends StatelessWidget with ChangeNotifier {
         ),
         bottomNavigationBar: homeProvider.bottomAppBar(context),
         body: Column(children: <Widget>[
-          walletProfile.headerProfileView(context, address, username),
+          HeaderProfile(address: address, username: username),
           historyQuery(context),
         ]));
   }
@@ -188,10 +186,8 @@ class ActivityScreen extends StatelessWidget with ChangeNotifier {
           ]);
   }
 
-  Widget getTransactionTile(BuildContext context, final duniterIndexer) {
-    final cesiumPlusProvider =
-        Provider.of<CesiumPlusProvider>(context, listen: false);
-
+  Widget getTransactionTile(
+      BuildContext context, DuniterIndexer duniterIndexer) {
     int keyID = 0;
     String? dateDelimiter;
     String? lastDateDelimiter;
@@ -301,7 +297,7 @@ class ActivityScreen extends StatelessWidget with ChangeNotifier {
                   contentPadding: const EdgeInsets.only(
                       left: 20, right: 30, top: 15, bottom: 15),
                   leading: ClipOval(
-                    child: cesiumPlusProvider.defaultAvatar(avatarSize),
+                    child: defaultAvatar(avatarSize),
                   ),
                   title: Padding(
                     padding: const EdgeInsets.only(bottom: 5),

lib/screens/certifications.dart

@@ -0,0 +1,64 @@
+import 'package:accordion/controllers.dart';
+import 'package:gecko/globals.dart';
+import 'package:flutter/material.dart';
+import 'package:gecko/widgets/certs_received.dart';
+import 'package:gecko/widgets/certs_sent.dart';
+import 'package:accordion/accordion.dart';
+
+class CertificationsScreen extends StatelessWidget {
+  const CertificationsScreen(
+      {Key? key, required this.address, required this.username})
+      : super(key: key);
+  final String address;
+  final String username;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        backgroundColor: backgroundColor,
+        appBar: AppBar(
+            elevation: 0,
+            toolbarHeight: 60 * ratio,
+            title: SizedBox(
+              height: 22,
+              child: Text('Certifications de $username'),
+            )),
+        body: SafeArea(
+          child: Accordion(
+              maxOpenSections: 1,
+              headerBackgroundColorOpened: orangeC,
+              scaleWhenAnimating: true,
+              openAndCloseAnimation: true,
+              headerPadding:
+                  const EdgeInsets.symmetric(vertical: 7, horizontal: 15),
+              sectionOpeningHapticFeedback: SectionHapticFeedback.heavy,
+              sectionClosingHapticFeedback: SectionHapticFeedback.light,
+              children: [
+                AccordionSection(
+                  isOpen: true,
+                  leftIcon:
+                      const Icon(Icons.insights_rounded, color: Colors.black),
+                  headerBackgroundColor: yellowC,
+                  headerBackgroundColorOpened: orangeC,
+                  header: const Text('Reçus'),
+                  content: CertsReceived(address: address),
+                  contentHorizontalPadding: 0,
+                  contentBorderWidth: 1,
+                ),
+                AccordionSection(
+                  isOpen: false,
+                  leftIcon:
+                      const Icon(Icons.insights_rounded, color: Colors.black),
+                  headerBackgroundColor: yellowC,
+                  headerBackgroundColorOpened: orangeC,
+                  header: const Text('Envoyés'),
+                  content: CertsSent(address: address),
+                  contentHorizontalPadding: 20,
+                  contentBorderWidth: 1,
+                  // onOpenSection: () => print('onOpenSection ...'),
+                  // onCloseSection: () => print('onCloseSection ...'),
+                ),
+              ]),
+        ));
+  }
+}

lib/screens/common_elements.dart

@@ -160,7 +160,7 @@ class CommonElements {
   }
 
   Widget offlineInfo(BuildContext context) {
-    final double screenWidth = MediaQuery.of(homeContext).size.width;
+    final screenWidth = MediaQuery.of(homeContext).size.width;
     return Consumer<SubstrateSdk>(builder: (context, sub, _) {
       return Visibility(
         visible: !sub.nodeConnected,

lib/screens/home.dart

@@ -187,7 +187,7 @@ Widget geckHome(context) {
 
   WalletsProfilesProvider historyProvider =
       Provider.of<WalletsProfilesProvider>(context);
-  final double statusBarHeight = MediaQuery.of(context).padding.top;
+  final statusBarHeight = MediaQuery.of(context).padding.top;
   return Container(
     decoration: const BoxDecoration(
       image: DecorationImage(
@@ -433,7 +433,7 @@ Widget geckHome(context) {
 }
 
 Widget welcomeHome(context) {
-  final double statusBarHeight = MediaQuery.of(context).padding.top;
+  final statusBarHeight = MediaQuery.of(context).padding.top;
 
   return Container(
     decoration: const BoxDecoration(

lib/screens/myWallets/choose_wallet.dart

@@ -95,7 +95,7 @@ class ChooseWalletScreen extends StatelessWidget {
     }
 
     List listWallets = myWalletProvider.listWallets;
-    final double screenWidth = MediaQuery.of(context).size.width;
+    final screenWidth = MediaQuery.of(context).size.width;
     int nTule = 2;
 
     if (screenWidth >= 900) {

lib/screens/myWallets/wallet_options.dart

@@ -12,10 +12,12 @@ import 'package:gecko/models/wallet_data.dart';
 import 'package:gecko/providers/substrate_sdk.dart';
 import 'package:gecko/providers/wallet_options.dart';
 import 'package:gecko/providers/wallets_profiles.dart';
+import 'package:gecko/screens/certifications.dart';
 import 'package:gecko/screens/common_elements.dart';
 import 'package:gecko/screens/activity.dart';
 import 'package:gecko/screens/myWallets/manage_membership.dart';
 import 'package:gecko/screens/qrcode_fullscreen.dart';
+import 'package:gecko/widgets/page_route_no_transition.dart';
 import 'package:provider/provider.dart';
 
 import 'package:qr_flutter/qr_flutter.dart';
@@ -43,7 +45,7 @@ class WalletOptions extends StatelessWidget {
 
     log.d(walletOptions.address.text);
 
-    final int currentChest = myWalletProvider.getCurrentChest();
+    final currentChest = myWalletProvider.getCurrentChest();
 
     // final currentWallet = _myWalletProvider.getDefaultWallet();
     // log.d(_walletOptions.getAddress(_currentChest, 3));
@@ -143,16 +145,38 @@ class WalletOptions extends StatelessWidget {
                                 balance(
                                     context, walletProvider.address.text, 21),
                                 const SizedBox(width: 30),
-                                Column(
-                                    crossAxisAlignment:
-                                        CrossAxisAlignment.center,
-                                    children: [
-                                      walletOptions.idtyStatus(
-                                          context, walletOptions.address.text,
-                                          isOwner: true, color: orangeC),
-                                      getCerts(context,
-                                          walletProvider.address.text, 15),
-                                    ]),
+
+                                InkWell(
+                                  onTap: () => duniterIndexer.walletNameIndexer[
+                                              walletProvider.address.text] !=
+                                          null
+                                      ? {
+                                          Navigator.push(
+                                            context,
+                                            PageNoTransit(builder: (context) {
+                                              return CertificationsScreen(
+                                                  address: walletProvider
+                                                      .address.text,
+                                                  username: duniterIndexer
+                                                          .walletNameIndexer[
+                                                      walletProvider
+                                                          .address.text]!);
+                                            }),
+                                          ),
+                                        }
+                                      : null,
+                                  child: Column(
+                                      crossAxisAlignment:
+                                          CrossAxisAlignment.center,
+                                      children: [
+                                        walletOptions.idtyStatus(
+                                            context, walletOptions.address.text,
+                                            isOwner: true, color: orangeC),
+                                        getCerts(context,
+                                            walletProvider.address.text, 15),
+                                      ]),
+                                ),
+
                                 SizedBox(height: 10 * ratio),
                               ]),
                           const Spacer(flex: 2),
@@ -336,7 +360,7 @@ class WalletOptions extends StatelessWidget {
   }
 
   Widget pubkeyWidget(WalletOptionsProvider walletProvider, BuildContext ctx) {
-    final String shortPubkey = getShortPubkey(walletProvider.address.text);
+    final shortPubkey = getShortPubkey(walletProvider.address.text);
     return GestureDetector(
       key: keyCopyAddress,
       onTap: () {

lib/screens/myWallets/wallets_home.dart

@@ -23,6 +23,7 @@ import 'package:gecko/screens/myWallets/unlocking_wallet.dart';
 import 'package:gecko/screens/myWallets/wallet_options.dart';
 import 'package:gecko/screens/wallet_view.dart';
 import 'package:provider/provider.dart';
+import 'package:flutter_svg/flutter_svg.dart';
 
 class WalletsHome extends StatelessWidget {
   const WalletsHome({Key? key}) : super(key: key);
@@ -33,7 +34,7 @@ class WalletsHome extends StatelessWidget {
     HomeProvider homeProvider =
         Provider.of<HomeProvider>(context, listen: false);
 
-    final int currentChestNumber = myWalletProvider.getCurrentChest();
+    final currentChestNumber = myWalletProvider.getCurrentChest();
     final ChestData currentChest = chestBox.get(currentChestNumber)!;
     myWalletProvider.listWallets =
         myWalletProvider.readAllWallets(currentChestNumber);
@@ -88,7 +89,7 @@ class WalletsHome extends StatelessWidget {
     final bool isSameAddress =
         myWalletProvider.dragAddress == myWalletProvider.lastFlyBy;
 
-    final double screenWidth = MediaQuery.of(homeContext).size.width;
+    final screenWidth = MediaQuery.of(homeContext).size.width;
     return Container(
       color: yellowC,
       width: screenWidth,
@@ -138,28 +139,39 @@ class WalletsHome extends StatelessWidget {
             ),
           )),
       const SizedBox(height: 30),
-      InkWell(
-        key: keyImportG1v1,
-        onTap: () {
-          Navigator.push(
-            context,
-            MaterialPageRoute(builder: (context) {
-              return const ImportG1v1();
-            }),
-          );
-        },
-        child: SizedBox(
-          width: 400,
-          height: 60,
-          child: Center(
-              child: Text('importG1v1'.tr(),
-                  style: TextStyle(
-                      fontSize: 22,
-                      color: Colors.blue[900],
-                      fontWeight: FontWeight.w500))),
-        ),
+      Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          SvgPicture.asset(
+            'assets/cesium_bw2.svg',
+            semanticsLabel: 'CS',
+            height: 50,
+          ),
+          const SizedBox(width: 5),
+          InkWell(
+            key: keyImportG1v1,
+            onTap: () {
+              Navigator.push(
+                context,
+                MaterialPageRoute(builder: (context) {
+                  return const ImportG1v1();
+                }),
+              );
+            },
+            child: SizedBox(
+              width: 350,
+              height: 60,
+              child: Center(
+                  child: Text('importG1v1'.tr(),
+                      style: TextStyle(
+                          fontSize: 22,
+                          color: Colors.blue[900],
+                          fontWeight: FontWeight.w500))),
+            ),
+          ),
+        ],
       ),
-      const SizedBox(height: 5),
+      const SizedBox(height: 20),
       InkWell(
         key: keyChangeChest,
         onTap: () {
@@ -209,7 +221,7 @@ class WalletsHome extends StatelessWidget {
 
     List listWallets = myWalletProvider.listWallets;
     WalletData? defaultWallet = myWalletProvider.getDefaultWallet();
-    final double screenWidth = MediaQuery.of(context).size.width;
+    final screenWidth = MediaQuery.of(context).size.width;
     int nTule = 2;
 
     if (screenWidth >= 900) {

lib/screens/my_contacts.dart

@@ -19,8 +19,6 @@ class ContactsScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final cesiumPlusProvider =
-        Provider.of<CesiumPlusProvider>(context, listen: false);
     WalletsProfilesProvider walletsProfilesClass =
         Provider.of<WalletsProfilesProvider>(context, listen: true);
     HomeProvider homeProvider =
@@ -72,8 +70,7 @@ class ContactsScreen extends StatelessWidget {
                                 key: keySearchResult('keyID++'),
                                 horizontalTitleGap: 40,
                                 contentPadding: const EdgeInsets.all(5),
-                                leading: cesiumPlusProvider
-                                    .defaultAvatar(avatarSize),
+                                leading: defaultAvatar(avatarSize),
                                 title: Row(children: <Widget>[
                                   Text(getShortPubkey(g1Wallet.address),
                                       style: const TextStyle(

lib/screens/onBoarding/10.dart

@@ -33,7 +33,7 @@ class OnboardingStepTen extends StatelessWidget {
         Provider.of<GenerateWalletsProvider>(context);
     final walletOptions = Provider.of<WalletOptionsProvider>(context);
     CommonElements common = CommonElements();
-    final int pinLenght = generateWalletProvider.pin.text.length;
+    final pinLenght = generateWalletProvider.pin.text.length;
 
     return Scaffold(
         backgroundColor: backgroundColor,
@@ -142,7 +142,7 @@ class OnboardingStepTen extends StatelessWidget {
         Provider.of<GenerateWalletsProvider>(context);
     final sub = Provider.of<SubstrateSdk>(context, listen: false);
 
-    final int currentChest = myWalletProvider.getCurrentChest();
+    final currentChest = myWalletProvider.getCurrentChest();
 
     return Form(
       key: formKey,

lib/screens/search.dart

@@ -17,7 +17,7 @@ class SearchScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final searchProvider = Provider.of<SearchProvider>(context);
-    final double screenHeight = MediaQuery.of(context).size.height;
+    final screenHeight = MediaQuery.of(context).size.height;
     // final _homeProvider =
     //     Provider.of<HomeProvider>(context, listen: false);
 

lib/screens/search_result.dart

@@ -21,8 +21,6 @@ class SearchResultScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final searchProvider = Provider.of<SearchProvider>(context, listen: false);
-    final cesiumPlusProvider =
-        Provider.of<CesiumPlusProvider>(context, listen: false);
     WalletsProfilesProvider walletsProfilesClass =
         Provider.of<WalletsProfilesProvider>(context, listen: false);
     HomeProvider homeProvider =
@@ -94,8 +92,7 @@ class SearchResultScreen extends StatelessWidget {
                                       key: keySearchResult(g1Wallet.address),
                                       horizontalTitleGap: 40,
                                       contentPadding: const EdgeInsets.all(5),
-                                      leading: cesiumPlusProvider
-                                          .defaultAvatar(avatarSize),
+                                      leading: defaultAvatar(avatarSize),
                                       title: Row(children: <Widget>[
                                         Text(getShortPubkey(g1Wallet.address),
                                             style: const TextStyle(

lib/screens/wallet_view.dart

@@ -20,6 +20,8 @@ import 'package:gecko/screens/myWallets/choose_wallet.dart';
 import 'package:gecko/screens/myWallets/unlocking_wallet.dart';
 import 'package:gecko/screens/qrcode_fullscreen.dart';
 import 'package:gecko/screens/transaction_in_progress.dart';
+import 'package:gecko/widgets/header_profile.dart';
+import 'package:gecko/widgets/page_route_no_transition.dart';
 import 'package:provider/provider.dart';
 import 'package:qr_flutter/qr_flutter.dart';
 
@@ -37,8 +39,6 @@ class WalletViewScreen extends StatelessWidget {
   Widget build(BuildContext context) {
     WalletsProfilesProvider walletProfile =
         Provider.of<WalletsProfilesProvider>(context, listen: false);
-    final cesiumPlusProvider =
-        Provider.of<CesiumPlusProvider>(context, listen: false);
     walletProfile.address = address;
     final sub = Provider.of<SubstrateSdk>(context, listen: false);
     HomeProvider homeProvider =
@@ -107,7 +107,7 @@ class WalletViewScreen extends StatelessWidget {
         bottomNavigationBar: homeProvider.bottomAppBar(context),
         body: SafeArea(
           child: Column(children: <Widget>[
-            walletProfile.headerProfileView(context, address, username),
+            HeaderProfile(address: address, username: username),
             SizedBox(height: isTall ? 10 : 0),
             Row(mainAxisAlignment: MainAxisAlignment.spaceAround, children: [
               Column(children: <Widget>[
@@ -128,11 +128,10 @@ class WalletViewScreen extends StatelessWidget {
                           onTap: () {
                             Navigator.push(
                               context,
-                              MaterialPageRoute(builder: (context) {
+                              PageNoTransit(builder: (context) {
                                 return ActivityScreen(
                                     address: address,
-                                    avatar:
-                                        cesiumPlusProvider.defaultAvatar(50));
+                                    avatar: defaultAvatar(50));
                               }),
                             );
                           }),
@@ -162,8 +161,8 @@ class WalletViewScreen extends StatelessWidget {
                       final Duration durationSeconds = Duration(
                           seconds: snapshot.data!['certDelay'] ??
                               snapshot.data!['certRenewable']!);
-                      final int seconds = durationSeconds.inSeconds;
-                      final int minutes = durationSeconds.inMinutes;
+                      final seconds = durationSeconds.inSeconds;
+                      final minutes = durationSeconds.inMinutes;
 
                       if (seconds <= 0) {
                         duration = 'seconds'.tr(args: ['0']);
@@ -172,8 +171,8 @@ class WalletViewScreen extends StatelessWidget {
                       } else if (seconds <= 3600) {
                         duration = 'minutes'.tr(args: [minutes.toString()]);
                       } else if (seconds <= 86400) {
-                        final int hours = durationSeconds.inHours;
-                        final int minutesLeft = minutes - hours * 60;
+                        final hours = durationSeconds.inHours;
+                        final minutesLeft = minutes - hours * 60;
                         String showMinutes = '';
                         if (minutesLeft < 60) {}
                         showMinutes =
@@ -181,11 +180,10 @@ class WalletViewScreen extends StatelessWidget {
                         duration =
                             'hours'.tr(args: [hours.toString(), showMinutes]);
                       } else if (seconds <= 2592000) {
-                        final int days = durationSeconds.inDays;
+                        final days = durationSeconds.inDays;
                         duration = 'days'.tr(args: [days.toString()]);
                       } else {
-                        final int months =
-                            (durationSeconds.inDays / 30).round();
+                        final months = (durationSeconds.inDays / 30).round();
                         duration = 'months'.tr(args: [months.toString()]);
                       }
                     }

lib/widgets/cert_tile.dart

@@ -0,0 +1,84 @@
+import 'package:flutter/material.dart';
+import 'package:gecko/globals.dart';
+import 'package:gecko/models/widgets_keys.dart';
+import 'package:gecko/providers/cesium_plus.dart';
+import 'package:gecko/providers/substrate_sdk.dart';
+import 'package:gecko/screens/wallet_view.dart';
+
+class CertTile extends StatelessWidget {
+  const CertTile({
+    Key? key,
+    required this.listCerts,
+  }) : super(key: key);
+
+  final List listCerts;
+
+  @override
+  Widget build(BuildContext context) {
+    int keyID = 0;
+    const double avatarSize = 200;
+
+    return Column(
+        children: listCerts.map((repository) {
+      // log.d('bbbbbbbbbbbbbbbbbbbbbb: ' + repository.toString());
+
+      return Column(children: <Widget>[
+        Padding(
+          padding: const EdgeInsets.only(right: 0),
+          child:
+              // Row(children: [Column(children: [],)],)
+              ListTile(
+                  key: keyTransaction(keyID++),
+                  contentPadding: const EdgeInsets.only(
+                      left: 20, right: 30, top: 15, bottom: 15),
+                  leading: ClipOval(
+                    child: defaultAvatar(avatarSize),
+                  ),
+                  title: Padding(
+                    padding: const EdgeInsets.only(bottom: 5),
+                    child: Text(repository['name'],
+                        style: const TextStyle(fontSize: 20)),
+                  ),
+                  subtitle: RichText(
+                    text: TextSpan(
+                      style: TextStyle(
+                        fontSize: 16,
+                        color: Colors.grey[700],
+                      ),
+                      children: <TextSpan>[
+                        TextSpan(
+                          text: repository['date'],
+                        ),
+                        if (repository[2] != '')
+                          TextSpan(
+                            text: '  ·  ',
+                            style: TextStyle(
+                              fontSize: 20,
+                              color: Colors.grey[550],
+                            ),
+                          ),
+                        TextSpan(
+                          text: getShortPubkey(repository['address']),
+                          style: TextStyle(
+                            fontStyle: FontStyle.italic,
+                            color: Colors.grey[600],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  dense: false,
+                  isThreeLine: false,
+                  onTap: () {
+                    Navigator.push(
+                      homeContext,
+                      MaterialPageRoute(builder: (context) {
+                        return WalletViewScreen(address: repository['address']);
+                      }),
+                    );
+                  }),
+        ),
+      ]);
+    }).toList());
+  }
+}

lib/widgets/certs_received.dart

@@ -0,0 +1,104 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gecko/globals.dart';
+import 'package:gecko/models/queries_indexer.dart';
+import 'package:gecko/models/widgets_keys.dart';
+import 'package:gecko/widgets/cert_tile.dart';
+import 'package:graphql_flutter/graphql_flutter.dart';
+
+class CertsReceived extends StatelessWidget {
+  const CertsReceived({Key? key, required this.address}) : super(key: key);
+  final String address;
+
+  @override
+  Widget build(BuildContext context) {
+    final screenHeight = MediaQuery.of(context).size.height;
+    final appBarHeight = AppBar().preferredSize.height;
+    log.d(appBarHeight);
+    final windowHeight = screenHeight - appBarHeight - 200;
+
+    final httpLink = HttpLink(
+      '$indexerEndpoint/v1/graphql',
+    );
+
+    final client = ValueNotifier(
+      GraphQLClient(
+        cache: GraphQLCache(store: HiveStore()),
+        link: httpLink,
+      ),
+    );
+    return GraphQLProvider(
+      client: client,
+      child: Query(
+        options: QueryOptions(
+          document: gql(getCertsReceived),
+          variables: <String, dynamic>{
+            'address': address,
+          },
+        ),
+        builder: (QueryResult result, {fetchMore, refetch}) {
+          if (result.isLoading && result.data == null) {
+            return const Center(
+              child: CircularProgressIndicator(),
+            );
+          }
+
+          if (result.hasException || result.data == null) {
+            log.e('Error Indexer: ${result.exception}');
+            return Column(children: <Widget>[
+              const SizedBox(height: 50),
+              Text(
+                "noNetworkNoHistory".tr(),
+                textAlign: TextAlign.center,
+                style: const TextStyle(fontSize: 18),
+              )
+            ]);
+          } else if (result.data?['certification']?.isEmpty) {
+            return Column(children: <Widget>[
+              const SizedBox(height: 50),
+              Text(
+                "noDataToDisplay".tr(),
+                style: const TextStyle(fontSize: 18),
+              )
+            ]);
+          }
+          // Build history list
+          return SizedBox(
+            height: windowHeight,
+            child: ListView(
+              key: keyListTransactions,
+              children: <Widget>[certsView(result)],
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  Widget certsView(QueryResult result) {
+    List listCerts = [];
+    final List certsData = result.data!['certification'];
+
+    for (final cert in certsData) {
+      final String issuerAddress = cert['issuer']['pubkey'];
+      final String issuerName = cert['issuer']['name'];
+      final date = DateTime.parse(cert['created_at']);
+      final dp = DateTime(date.year, date.month, date.day);
+      final dateForm = '${dp.day}-${dp.month}-${dp.year}';
+      listCerts.add(
+          {'address': issuerAddress, 'name': issuerName, 'date': dateForm});
+    }
+
+    return result.data == null
+        ? Column(children: <Widget>[
+            const SizedBox(height: 50),
+            Text(
+              "noTransactionToDisplay".tr(),
+              style: const TextStyle(fontSize: 18),
+            )
+          ])
+        : Column(children: <Widget>[
+            CertTile(listCerts: listCerts),
+          ]);
+  }
+}

lib/widgets/certs_sent.dart

@@ -0,0 +1,105 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:gecko/globals.dart';
+import 'package:gecko/models/queries_indexer.dart';
+import 'package:gecko/models/widgets_keys.dart';
+import 'package:gecko/widgets/cert_tile.dart';
+import 'package:graphql_flutter/graphql_flutter.dart';
+
+class CertsSent extends StatelessWidget {
+  const CertsSent({Key? key, required this.address}) : super(key: key);
+  final String address;
+
+  @override
+  Widget build(BuildContext context) {
+    final screenHeight = MediaQuery.of(context).size.height;
+    final appBarHeight = AppBar().preferredSize.height;
+    log.d(appBarHeight);
+    final windowHeight = screenHeight - appBarHeight - 200;
+
+    final httpLink = HttpLink(
+      '$indexerEndpoint/v1/graphql',
+    );
+
+    final client = ValueNotifier(
+      GraphQLClient(
+        cache: GraphQLCache(store: HiveStore()),
+        link: httpLink,
+      ),
+    );
+    return GraphQLProvider(
+      client: client,
+      child: Query(
+        options: QueryOptions(
+          document: gql(getCertsSent),
+          variables: <String, dynamic>{
+            'address': address,
+          },
+        ),
+        builder: (QueryResult result, {fetchMore, refetch}) {
+          if (result.isLoading && result.data == null) {
+            return const Center(
+              child: CircularProgressIndicator(),
+            );
+          }
+
+          if (result.hasException || result.data == null) {
+            log.e('Error Indexer: ${result.exception}');
+            return Column(children: <Widget>[
+              const SizedBox(height: 50),
+              Text(
+                "noNetworkNoHistory".tr(),
+                textAlign: TextAlign.center,
+                style: const TextStyle(fontSize: 18),
+              )
+            ]);
+          } else if (result.data?['certification']?.isEmpty) {
+            return Column(children: <Widget>[
+              const SizedBox(height: 50),
+              Text(
+                "noDataToDisplay".tr(),
+                style: const TextStyle(fontSize: 18),
+              )
+            ]);
+          }
+          // Build history list
+          return SizedBox(
+            height: windowHeight,
+            child: ListView(
+              key: keyListTransactions,
+              children: <Widget>[certsView(result)],
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  Widget certsView(QueryResult result) {
+    List listCerts = [];
+    final List certsData = result.data!['certification'];
+
+    for (final cert in certsData) {
+      final String issuerAddress = cert['receiver']['pubkey'];
+      final String issuerName = cert['receiver']['name'];
+      final date = DateTime.parse(cert['created_at']);
+      final dp = DateTime(date.year, date.month, date.day);
+      final dateForm = '${dp.day}-${dp.month}-${dp.year}';
+
+      listCerts.add(
+          {'address': issuerAddress, 'name': issuerName, 'date': dateForm});
+    }
+
+    return result.data == null
+        ? Column(children: <Widget>[
+            const SizedBox(height: 50),
+            Text(
+              "noTransactionToDisplay".tr(),
+              style: const TextStyle(fontSize: 18),
+            )
+          ])
+        : Column(children: <Widget>[
+            CertTile(listCerts: listCerts),
+          ]);
+  }
+}

lib/widgets/header_profile.dart

@@ -0,0 +1,139 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:gecko/globals.dart';
+import 'package:gecko/models/widgets_keys.dart';
+import 'package:gecko/providers/cesium_plus.dart';
+import 'package:gecko/providers/duniter_indexer.dart';
+import 'package:gecko/providers/substrate_sdk.dart';
+import 'package:gecko/providers/wallet_options.dart';
+import 'package:gecko/providers/wallets_profiles.dart';
+import 'package:gecko/screens/certifications.dart';
+import 'package:gecko/screens/common_elements.dart';
+import 'package:gecko/widgets/page_route_no_transition.dart';
+import 'package:provider/provider.dart';
+
+class HeaderProfile extends StatelessWidget {
+  const HeaderProfile({
+    Key? key,
+    required this.address,
+    required this.username,
+  }) : super(key: key);
+
+  final String address;
+  final String? username;
+
+  @override
+  Widget build(BuildContext context) {
+    const double avatarSize = 140;
+
+    final walletOptions =
+        Provider.of<WalletOptionsProvider>(context, listen: false);
+    final duniterIndexer = Provider.of<DuniterIndexer>(context, listen: false);
+
+    return Stack(children: <Widget>[
+      Consumer<SubstrateSdk>(builder: (context, sub, _) {
+        bool isAccountExist = balanceCache[address] != 0;
+        return Container(
+            height: 180,
+            decoration: BoxDecoration(
+              gradient: LinearGradient(
+                begin: Alignment.topCenter,
+                end: Alignment.bottomCenter,
+                colors: [
+                  isAccountExist ? yellowC : Colors.grey[400]!,
+                  isAccountExist ? const Color(0xFFE7811A) : Colors.grey[600]!,
+                ],
+              ),
+            ));
+      }),
+      Padding(
+        padding: const EdgeInsets.only(left: 30, right: 40),
+        child: Row(children: <Widget>[
+          Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: <Widget>[
+                Container(
+                  height: 10,
+                  color: yellowC, // Colors.grey[400],
+                ),
+                Row(children: [
+                  GestureDetector(
+                    key: keyCopyAddress,
+                    onTap: () {
+                      Clipboard.setData(ClipboardData(text: address));
+                      snackCopyKey(context);
+                    },
+                    child: Text(
+                      getShortPubkey(address),
+                      style: const TextStyle(
+                        fontSize: 30,
+                        fontWeight: FontWeight.w800,
+                      ),
+                    ),
+                  ),
+                ]),
+                const SizedBox(height: 25),
+                balance(context, address, 22),
+                const SizedBox(height: 10),
+
+                InkWell(
+                  onTap: () => duniterIndexer.walletNameIndexer[address] != null
+                      ? {
+                          Navigator.push(
+                            context,
+                            PageNoTransit(builder: (context) {
+                              return CertificationsScreen(
+                                  address: address,
+                                  username: duniterIndexer
+                                      .walletNameIndexer[address]!);
+                            }),
+                          ),
+                        }
+                      : null,
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      walletOptions.idtyStatus(context, address,
+                          isOwner: false, color: Colors.black),
+                      getCerts(context, address, 14)
+                    ],
+                  ),
+                ),
+                // if (username == null &&
+                //     g1WalletsBox.get(address)?.username != null)
+                //   SizedBox(
+                //     width: 230,
+                //     child: Text(
+                //       g1WalletsBox.get(address)?.username ?? '',
+                //       style: const TextStyle(
+                //         fontSize: 27,
+                //         color: Color(0xff814C00),
+                //       ),
+                //     ),
+                //   ),
+                // if (username != null)
+                //   SizedBox(
+                //     width: 230,
+                //     child: Text(
+                //       username,
+                //       style: const TextStyle(
+                //         fontSize: 27,
+                //         color: Color(0xff814C00),
+                //       ),
+                //     ),
+                //   ),
+                const SizedBox(height: 55),
+              ]),
+          const Spacer(),
+          Column(children: <Widget>[
+            ClipOval(
+              child: defaultAvatar(avatarSize),
+            ),
+            const SizedBox(height: 25),
+          ]),
+        ]),
+      ),
+      CommonElements().offlineInfo(context),
+    ]);
+  }
+}

lib/widgets/page_route_no_transition.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class PageNoTransit extends MaterialPageRoute {
+  PageNoTransit({builder}) : super(builder: builder);
+
+  @override
+  Duration get transitionDuration => const Duration(milliseconds: 0);
+}

pubspec.lock

@@ -8,6 +8,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "50.0.0"
+  accordion:
+    dependency: "direct main"
+    description:
+      name: accordion
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.5.1"
   analyzer:
     dependency: transitive
     description:
@@ -273,7 +280,7 @@ packages:
       name: dart_code_metrics
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "5.0.1"
+    version: "5.1.0"
   dart_style:
     dependency: transitive
     description:
@@ -422,6 +429,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.7"
+  flutter_svg:
+    dependency: "direct main"
+    description:
+      name: flutter_svg
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.6"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -777,7 +791,7 @@ packages:
       name: mime
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.2"
+    version: "1.0.3"
   mobx:
     dependency: transitive
     description:
@@ -834,6 +848,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.2"
+  path_drawing:
+    dependency: transitive
+    description:
+      name: path_drawing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.1"
   path_parsing:
     dependency: transitive
     description:
@@ -1076,20 +1097,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.27.7"
+  scroll_to_index:
+    dependency: transitive
+    description:
+      name: scroll_to_index
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
   sentry:
     dependency: transitive
     description:
       name: sentry
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "6.16.1"
+    version: "6.17.0"
   sentry_flutter:
     dependency: "direct main"
     description:
       name: sentry_flutter
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "6.16.1"
+    version: "6.17.0"
   shared_preferences:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -5,7 +5,7 @@ description: Pay with G1.
 # pub.dev using `pub publish`. This is preferred for private packages.
 publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 
-version: 0.0.12+35
+version: 0.0.12+37
 
 environment:
   sdk: '>=2.12.0 <3.0.0'
@@ -57,6 +57,8 @@ dependencies:
   pointycastle: ^3.6.1
   hex: ^0.2.0
   flutter_dotenv: ^5.0.2
+  accordion: ^2.5.1
+  flutter_svg: ^1.1.6
 
 dev_dependencies:
   # flutter_launcher_icons: ^0.9.2