Merge pull request 'added design for desktop and tablet' (#28) from your_tenders_desktop_tablet into main

Reviewed-on: https://repo.ravanertebat.com/TM/tm_app/pulls/28

lib/views/your_tenders/pages/your_tenders_desktop_page.dart

@@ -0,0 +1,63 @@
+import 'package:flutter/material.dart';
+import 'package:tm_app/core/constants/strings.dart';
+import 'package:tm_app/core/theme/colors.dart';
+import 'package:tm_app/views/shared/main_tab_bar.dart';
+import 'package:tm_app/views/shared/tender_app_bar.dart';
+import 'package:tm_app/views/your_tenders/widgets/approved_tenders.dart';
+import 'package:tm_app/views/your_tenders/widgets/tenders_submitted.dart';
+
+class YourTendersDesktopPage extends StatefulWidget {
+  const YourTendersDesktopPage({super.key});
+
+  @override
+  State<YourTendersDesktopPage> createState() => _YourTendersDesktopPageState();
+}
+
+class _YourTendersDesktopPageState extends State<YourTendersDesktopPage>
+    with SingleTickerProviderStateMixin {
+  late TabController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller = TabController(length: 2, vsync: this);
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Scaffold(
+        backgroundColor: AppColors.backgroundColor,
+        appBar: tenderMobileAppBar(title: AppStrings.yourTenders),
+        body: Center(
+          child: SizedBox(
+            width: 740,
+            child: Column(
+              children: [
+                MainTabBar(
+                  controller: controller,
+                  titles: [
+                    AppStrings.approvedTenders,
+                    AppStrings.tenderSubmitted,
+                  ],
+                ),
+                Expanded(
+                  child: TabBarView(
+                    controller: controller,
+                    children: [ApprovedTenders(), TendersSubmitted()],
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/views/your_tenders/pages/your_tenders_mobile_page.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'package:tm_app/core/constants/strings.dart';
+import 'package:tm_app/core/theme/colors.dart';
+import 'package:tm_app/views/shared/main_tab_bar.dart';
+import 'package:tm_app/views/shared/tender_app_bar.dart';
+import 'package:tm_app/views/your_tenders/widgets/approved_tenders.dart';
+import 'package:tm_app/views/your_tenders/widgets/tenders_submitted.dart';
+
+class YourTendersMobilePage extends StatefulWidget {
+  const YourTendersMobilePage({super.key});
+
+  @override
+  State<YourTendersMobilePage> createState() => _YourTendersMobilePageState();
+}
+
+class _YourTendersMobilePageState extends State<YourTendersMobilePage>
+    with SingleTickerProviderStateMixin {
+  late TabController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller = TabController(length: 2, vsync: this);
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Scaffold(
+        backgroundColor: AppColors.backgroundColor,
+        appBar: tenderMobileAppBar(title: AppStrings.yourTenders),
+        body: Column(
+          children: [
+            MainTabBar(
+              controller: controller,
+              titles: [AppStrings.approvedTenders, AppStrings.tenderSubmitted],
+            ),
+            Expanded(
+              child: TabBarView(
+                controller: controller,
+                children: [ApprovedTenders(), TendersSubmitted()],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/views/your_tenders/pages/your_tenders_tablet_page.dart

@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:tm_app/core/constants/strings.dart';
+import 'package:tm_app/core/theme/colors.dart';
+import 'package:tm_app/views/shared/main_tab_bar.dart';
+import 'package:tm_app/views/shared/tender_app_bar.dart';
+import 'package:tm_app/views/your_tenders/widgets/approved_tenders.dart';
+import 'package:tm_app/views/your_tenders/widgets/tenders_submitted.dart';
+
+class YourTendersTabletPage extends StatefulWidget {
+  const YourTendersTabletPage({super.key});
+
+  @override
+  State<YourTendersTabletPage> createState() => _YourTendersTabletPageState();
+}
+
+class _YourTendersTabletPageState extends State<YourTendersTabletPage>
+    with SingleTickerProviderStateMixin {
+  late TabController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller = TabController(length: 2, vsync: this);
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Scaffold(
+        backgroundColor: AppColors.backgroundColor,
+        appBar: tenderMobileAppBar(title: AppStrings.yourTenders),
+        body: Center(
+          child: SizedBox(
+            width: 720,
+            child: Column(
+              children: [
+                MainTabBar(
+                  controller: controller,
+                  titles: [AppStrings.approvedTenders, AppStrings.tenderSubmitted],
+                ),
+                Expanded(
+                  child: TabBarView(
+                    controller: controller,
+                    children: [ApprovedTenders(), TendersSubmitted()],
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/views/your_tenders/your_tenders_screen.dart

@@ -1,56 +1,20 @@
 import 'package:flutter/material.dart';
-import 'package:tm_app/core/constants/strings.dart';
-import 'package:tm_app/core/theme/colors.dart';
-import 'package:tm_app/views/shared/tender_app_bar.dart';
-import 'package:tm_app/views/your_tenders/widgets/approved_tenders.dart';
-import 'package:tm_app/views/your_tenders/widgets/tenders_submitted.dart';
+import 'package:tm_app/core/utils/size_config.dart'; 
+import 'package:tm_app/views/shared/responsive_builder.dart';
+import 'package:tm_app/views/your_tenders/pages/your_tenders_desktop_page.dart';
+import 'package:tm_app/views/your_tenders/pages/your_tenders_mobile_page.dart';
+import 'package:tm_app/views/your_tenders/pages/your_tenders_tablet_page.dart';
 
-import '../shared/main_tab_bar.dart';
-
-class YourTendersScreen extends StatefulWidget {
+class YourTendersScreen extends StatelessWidget {
   const YourTendersScreen({super.key});
 
-  @override
-  State<YourTendersScreen> createState() => _YourTendersScreenState();
-}
-
-class _YourTendersScreenState extends State<YourTendersScreen>
-    with SingleTickerProviderStateMixin {
-  late TabController controller;
-
-  @override
-  void initState() {
-    super.initState();
-    controller = TabController(length: 2, vsync: this);
-  }
-
-  @override
-  void dispose() {
-    controller.dispose();
-    super.dispose();
-  }
-
   @override
   Widget build(BuildContext context) {
-    return SafeArea(
-      child: Scaffold(
-        backgroundColor: AppColors.backgroundColor,
-        appBar: tenderMobileAppBar(title: AppStrings.yourTenders),
-        body: Column(
-          children: [
-            MainTabBar(
-              controller: controller,
-              titles: [AppStrings.approvedTenders, AppStrings.tenderSubmitted],
-            ),
-            Expanded(
-              child: TabBarView(
-                controller: controller,
-                children: [ApprovedTenders(), TendersSubmitted()],
-              ),
-            ),
-          ],
-        ),
-      ),
+    SizeConfig.init(context);
+    return ResponsiveBuilder(
+      mobile: YourTendersMobilePage(),
+      tablet: YourTendersTabletPage(),
+      desktop: YourTendersDesktopPage(),
     );
   }
 }