add get premium card

firgia · Oct 26, 2021 · 30f460b · 30f460b
1 parent 71a1cd9
commit 30f460b
Show file tree

Hide file tree

Showing 6 changed files with 90 additions and 11 deletions.
diff --git a/assets/images/vector/wavy-bus.svg b/assets/images/vector/wavy-bus.svg
diff --git a/lib/app/constans/assets_path.dart b/lib/app/constans/assets_path.dart
@@ -32,4 +32,5 @@ class ImageVectorPath {
   static const _folderPath = "assets/images/vector";
   static const happy = "$_folderPath/happy.svg";
   static const happy2 = "$_folderPath/happy-2.svg";
+  static const wavyBus = "$_folderPath/wavy-bus.svg";
 }
diff --git a/lib/app/features/dashboard/controllers/dashboard_controller.dart b/lib/app/features/dashboard/controllers/dashboard_controller.dart
@@ -100,12 +100,12 @@ class DashboardController extends GetxController {
   List<ChattingCardData> getChatting() {
     return const [
       ChattingCardData(
-        image: AssetImage(ImageRasterPath.avatar2),
+        image: AssetImage(ImageRasterPath.avatar6),
         isOnline: true,
-        name: "Susi",
+        name: "Samantha",
         lastMessage: "i added my new tasks",
         isRead: false,
-        totalUnread: 19,
+        totalUnread: 100,
       ),
       ChattingCardData(
         image: AssetImage(ImageRasterPath.avatar3),
@@ -123,14 +123,6 @@ class DashboardController extends GetxController {
         isRead: false,
         totalUnread: 1,
       ),
-      ChattingCardData(
-        image: AssetImage(ImageRasterPath.avatar5),
-        isOnline: false,
-        name: "Samantha",
-        lastMessage: "sure, i will",
-        isRead: false,
-        totalUnread: 100,
-      ),
     ];
   }
 }
diff --git a/lib/app/features/dashboard/views/screens/dashboard_screen.dart b/lib/app/features/dashboard/views/screens/dashboard_screen.dart
@@ -5,6 +5,7 @@ import 'dart:developer';
 import 'package:eva_icons_flutter/eva_icons_flutter.dart';
 import 'package:project_management/app/constans/app_constants.dart';
 import 'package:project_management/app/shared_components/chatting_card.dart';
+import 'package:project_management/app/shared_components/get_premium_card.dart';
 import 'package:project_management/app/shared_components/list_profil_image.dart';
 import 'package:project_management/app/shared_components/progress_card.dart';
 import 'package:project_management/app/shared_components/progress_report_card.dart';
@@ -83,6 +84,13 @@ class DashboardScreen extends GetView<DashboardController> {
                     onPressedAdd: () {},
                   ),
                   const SizedBox(height: kSpacing),
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: kSpacing),
+                    child: GetPremiumCard(onPressed: () {}),
+                  ),
+                  const SizedBox(height: kSpacing),
+                  const Divider(thickness: 1),
+                  const SizedBox(height: kSpacing),
                   _buildRecentMessages(
                     data: controller.getChatting(),
                     onPressedMore: () {},

diff --git a/lib/app/shared_components/get_premium_card.dart b/lib/app/shared_components/get_premium_card.dart
@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:project_management/app/constans/app_constants.dart';
+
+class GetPremiumCard extends StatelessWidget {
+  const GetPremiumCard({
+    required this.onPressed,
+    this.backgroundColor,
+    Key? key,
+  }) : super(key: key);
+
+  final Color? backgroundColor;
+  final Function() onPressed;
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      borderRadius: BorderRadius.circular(kBorderRadius),
+      color: backgroundColor ?? Theme.of(context).cardColor,
+      child: InkWell(
+        borderRadius: BorderRadius.circular(kBorderRadius),
+        onTap: onPressed,
+        child: Container(
+          constraints: const BoxConstraints(
+            minWidth: 250,
+            maxWidth: 350,
+            minHeight: 200,
+            maxHeight: 200,
+          ),
+          padding: const EdgeInsets.all(10),
+          child: Stack(
+            children: [
+              Align(
+                alignment: Alignment.topRight,
+                child: SvgPicture.asset(
+                  ImageVectorPath.wavyBus,
+                  width: 180,
+                  height: 180,
+                  fit: BoxFit.contain,
+                ),
+              ),
+              const Padding(
+                padding: EdgeInsets.all(15),
+                child: _Info(),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _Info extends StatelessWidget {
+  const _Info({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.end,
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          "Get\nPremium\nAccount",
+          style: TextStyle(
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        Text(
+          "To add more members",
+          style: Theme.of(context).textTheme.caption,
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/main.dart b/lib/main.dart
@@ -14,6 +14,7 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return GetMaterialApp(
       title: 'Project Management',
+      debugShowCheckedModeBanner: false,
       theme: AppTheme.basic,
       initialRoute: AppPages.initial,
       getPages: AppPages.routes,