Implemented player panel

lib/ui/widgets/user_card.dart

@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_boring_avatars/flutter_boring_avatars.dart';
+import 'package:huacu_mobile/game_pallete.dart';
+import 'package:huacu_mobile/models/auth_data.dart';
+import 'package:huacu_mobile/models/user_data.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+class UserCard extends StatelessWidget {
+  final AuthData authData;
+  final UserData userData;
+
+  const UserCard({Key? key, required this.authData, required this.userData})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return [_buildUserRow(), _buildUserStats()]
+        .toColumn(mainAxisAlignment: MainAxisAlignment.spaceAround)
+        .padding(horizontal: 20)
+        .decorated(
+            color: Colors.blueAccent.shade400,
+            borderRadius: BorderRadius.circular(20))
+        .elevation(
+          5,
+          shadowColor: Colors.blueAccent.shade400,
+          borderRadius: BorderRadius.circular(20),
+        )
+        .height(175)
+        .alignment(Alignment.topCenter);
+  }
+
+  Widget _buildUserRow() {
+    return [
+      BoringAvatars(
+        name: authData.id,
+        colors: avatarColors,
+        type: BoringAvatarsType.beam,
+      ).constrained(height: 50, width: 50).padding(right: 10),
+      [
+        Text(
+          authData.login,
+          style: const TextStyle(
+            color: Colors.white,
+            fontSize: 18,
+            fontWeight: FontWeight.bold,
+          ),
+        ).padding(bottom: 5),
+        Text(
+          "Our one of the best player",
+          style: TextStyle(
+            color: Colors.white.withOpacity(0.6),
+            fontSize: 12,
+          ),
+        ),
+      ].toColumn(crossAxisAlignment: CrossAxisAlignment.start),
+    ].toRow();
+  }
+
+  Widget _buildUserStatsItem(String value, String text) => <Widget>[
+        Text(value).fontSize(20).textColor(Colors.white).padding(bottom: 5),
+        Text(text).textColor(Colors.white.withOpacity(0.6)).fontSize(12),
+      ].toColumn();
+
+  Widget _buildUserStats() {
+    return [
+      _buildUserStatsItem(userData.gamesWon.toString(), 'Wins'),
+      _buildUserStatsItem(userData.gamesLost.toString(), 'Losses'),
+    ]
+        .toRow(mainAxisAlignment: MainAxisAlignment.spaceAround)
+        .padding(vertical: 10);
+  }
+}