okay that's better i think

lib/data_objects/tetrio.dart

@@ -93,7 +93,7 @@ class TetrioPlayer {
     distinguishment = json['distinguishment'] != null
         ? Distinguishment.fromJson(json['distinguishment'])
         : null;
-    friendCount = json['friend_count'];
+    friendCount = json['friend_count'] != null ? json['friend_count'] : 0;
   }
 
   Future<void> getRecords() async {
@@ -570,7 +570,7 @@ class TetraLeagueAlpha {
     glicko = json['glicko']?.toDouble();
     rd = json['rd']?.toDouble();
     rank = json['rank'];
-    bestRank = json['bestrank'];
+    bestRank = json['bestrank'].toString();
     apm = json['apm']?.toDouble();
     pps = json['pps']?.toDouble();
     vs = json['vs']?.toDouble();

lib/views/main_view.dart

@@ -6,6 +6,12 @@ import 'package:tetra_stats/data_objects/tetrio.dart';
 import 'package:tetra_stats/services/tetrio_crud.dart';
 import 'package:tetra_stats/services/sqlite_db_controller.dart';
 
+extension StringExtension on String {
+  String capitalize() {
+    return "${this[0].toUpperCase()}${this.substring(1).toLowerCase()}";
+  }
+}
+
 String _searchFor = "";
 late Future<TetrioPlayer> me;
 DB db = DB();
@@ -33,11 +39,13 @@ Future<TetrioPlayer> fetchTetrioPlayer(String user) async {
   if (response.statusCode == 200) {
     // If the server did return a 200 OK response,
     // then parse the JSON.
-    return TetrioPlayer.fromJson(
+    return jsonDecode(response.body)['success']
+        ? TetrioPlayer.fromJson(
             jsonDecode(response.body)['data']['user'],
             DateTime.fromMillisecondsSinceEpoch(
                 jsonDecode(response.body)['cache']['cached_at'],
-            isUtc: true));
+                isUtc: true))
+        : throw Exception("User doesn't exist");
   } else {
     // If the server did not return a 200 OK response,
     // then throw an exception.
@@ -47,7 +55,6 @@ Future<TetrioPlayer> fetchTetrioPlayer(String user) async {
 
 class _MainViewState extends State<MainView> {
   bool _searchBoolean = false;
-  String _coverLink = "";
   @override
   void initState() {
     super.initState();
@@ -106,10 +113,6 @@ class _MainViewState extends State<MainView> {
                 ),
               )
             : _searchTextField(),
-        flexibleSpace: Image.network(
-          _coverLink,
-          fit: BoxFit.cover,
-        ),
         backgroundColor: Colors.black,
         actions: [
           !_searchBoolean
@@ -156,8 +159,6 @@ class _MainViewState extends State<MainView> {
           future: me,
           builder: (context, snapshot) {
             if (snapshot.hasData) {
-              _coverLink =
-                  "https://tetr.io/user-content/banners/${snapshot.data!.userId}.jpg?rv=${snapshot.data!.bannerRevision}";
               return ListView(
                 padding: const EdgeInsets.all(8),
                 children: [
@@ -276,14 +277,11 @@ class NavDrawer extends StatelessWidget {
 
 class _UserThingy extends StatelessWidget {
   final TetrioPlayer player;
-  const _UserThingy({Key? key, required this.player}) : super(key: key);
+  _UserThingy({Key? key, required this.player}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return LayoutBuilder(builder: (context, constraints) {
-      final settings = context
-          .dependOnInheritedWidgetOfExactType<FlexibleSpaceBarSettings>();
-
       return Column(
         children: [
           Flex(
@@ -291,14 +289,35 @@ class _UserThingy extends StatelessWidget {
             mainAxisSize: MainAxisSize.min,
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              ClipRRect(
+              Stack(
+                alignment: Alignment.topCenter,
+                children: [
+                  if (player.bannerRevision != null)
+                    Image.network(
+                      "https://tetr.io/user-content/banners/${player.userId}.jpg?rv=${player.bannerRevision}",
+                      fit: BoxFit.cover,
+                      height: 240,
+                    ),
+                  Container(
+                    padding: EdgeInsets.fromLTRB(
+                        0, player.bannerRevision != null ? 170 : 64, 0, 0),
+                    child: ClipRRect(
                       borderRadius: BorderRadius.circular(1000),
                       child: Image.network(
                         "https://tetr.io/user-content/avatars/${player.userId}.jpg?rv=${player.avatarRevision}",
                         fit: BoxFit.fitHeight,
                         height: 128,
+                        errorBuilder: (context, error, stackTrace) =>
+                            Image.network(
+                          "https://tetr.io/res/avatar.png",
+                          fit: BoxFit.fitHeight,
+                          height: 128,
                         ),
                       ),
+                    ),
+                  ),
+                ],
+              ),
               Flexible(
                 child: Column(
                   children: [
@@ -319,7 +338,8 @@ class _UserThingy extends StatelessWidget {
               ),
             ],
           ),
-          Wrap(
+          (player.role != "banned")
+              ? Wrap(
                   direction: Axis.horizontal,
                   alignment: WrapAlignment.center,
                   spacing: 25,
@@ -328,16 +348,56 @@ class _UserThingy extends StatelessWidget {
                   children: [
                     _StatCellNum(
                       playerStat: player.level,
-                  playerStatLabel: "Level\n${player.xp.floor().toString()} XP"),
+                      playerStatLabel: "Level",
-              _StatCellDuration(
+                      snackBar:
-                  playerStat: player.gameTime, playerStatLabel: "Gametime"),
+                          "${player.xp.floor().toString()} XP, ${((player.level - player.level.floor()) * 100).toStringAsFixed(2)} % until next level",
+                    ),
+                    if (player.gameTime >= Duration.zero)
+                      _StatCellNum(
+                        playerStat: (player.gameTime.inSeconds / 3600),
+                        playerStatLabel: "Hours\nPlayed",
+                        snackBar: player.gameTime.toString(),
+                      ),
+                    if (player.gamesPlayed >= 0)
                       _StatCellNum(
                           playerStat: player.gamesPlayed,
                           playerStatLabel: "Games\nPlayed"),
+                    if (player.gamesWon >= 0)
                       _StatCellNum(
-                  playerStat: player.gamesWon, playerStatLabel: "Games\nWon"),
+                          playerStat: player.gamesWon,
+                          playerStatLabel: "Games\nWon"),
+                    if (player.friendCount > 0)
+                      _StatCellNum(
+                          playerStat: player.friendCount,
+                          playerStatLabel: "Friends"),
                   ],
                 )
+              : Text(
+                  "BANNED",
+                  textAlign: TextAlign.center,
+                  style: const TextStyle(
+                    fontFamily: "Eurostile Round Extended",
+                    fontWeight: FontWeight.w900,
+                    color: Colors.red,
+                    fontSize: 60,
+                  ),
+                ),
+          Wrap(
+            direction: Axis.horizontal,
+            alignment: WrapAlignment.center,
+            spacing: 25,
+            crossAxisAlignment: WrapCrossAlignment.start,
+            clipBehavior: Clip.hardEdge,
+            children: [
+              Text(
+                  "${player.role.capitalize()} account ${player.registrationTime == null ? "that was from very beginning" : 'created ${player.registrationTime}'}",
+                  style: const TextStyle(
+                    fontFamily: "Eurostile Round",
+                    color: Colors.white,
+                    fontSize: 16,
+                  ))
+            ],
+          ),
         ],
       );
     });
@@ -345,28 +405,30 @@ class _UserThingy extends StatelessWidget {
 }
 
 class _StatCellNum extends StatelessWidget {
-  const _StatCellNum({
+  const _StatCellNum(
-    super.key,
+      {super.key,
       required this.playerStat,
       required this.playerStatLabel,
-  });
+      this.snackBar});
 
   final num playerStat;
   final String playerStatLabel;
+  final String? snackBar;
 
   @override
   Widget build(BuildContext context) {
     return Column(
       children: [
         Text(
-          playerStat.toStringAsFixed(0),
+          playerStat.floor().toString(),
           style: const TextStyle(
             fontFamily: "Eurostile Round Extended",
             color: Colors.white,
             fontSize: 32,
           ),
         ),
-        Text(
+        snackBar == null
+            ? Text(
                 playerStatLabel,
                 textAlign: TextAlign.center,
                 style: const TextStyle(
@@ -374,35 +436,13 @@ class _StatCellNum extends StatelessWidget {
                   color: Colors.white,
                   fontSize: 16,
                 ),
-        ),
+              )
-      ],
+            : TextButton(
-    );
+                onPressed: () {
-  }
+                  ScaffoldMessenger.of(context)
-}
+                      .showSnackBar(SnackBar(content: Text(snackBar!)));
-
+                },
-class _StatCellDuration extends StatelessWidget {
+                child: Text(
-  const _StatCellDuration({
-    super.key,
-    required this.playerStat,
-    required this.playerStatLabel,
-  });
-
-  final Duration playerStat;
-  final String playerStatLabel;
-
-  @override
-  Widget build(BuildContext context) {
-    return Column(
-      children: [
-        Text(
-          playerStat.toString().toString().split('.').first.padLeft(8, "0"),
-          style: const TextStyle(
-            fontFamily: "Eurostile Round Extended",
-            color: Colors.white,
-            fontSize: 32,
-          ),
-        ),
-        Text(
                   playerStatLabel,
                   textAlign: TextAlign.center,
                   style: const TextStyle(
@@ -410,7 +450,7 @@ class _StatCellDuration extends StatelessWidget {
                     color: Colors.white,
                     fontSize: 16,
                   ),
-        ),
+                )),
       ],
     );
   }