Create app drawer on home screen

Frontend/patient_manager/lib/components/homeTile.dart

@@ -1,9 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:patient_manager/theme/mihTheme.dart';
 
-class HomeTile extends StatelessWidget {
+class HomeTile extends StatefulWidget {
   final String tileName;
-  final String tileDescription;
+  //final String tileDescription;
+  final IconData tileIcon;
   final void Function() onTap;
   // final Widget tileIcon;
 
@@ -11,54 +12,116 @@ class HomeTile extends StatelessWidget {
     super.key,
     required this.onTap,
     required this.tileName,
-    required this.tileDescription,
+    //required this.tileDescription,
+    required this.tileIcon,
   });
 
   @override
-  Widget build(BuildContext context) {
+  State<HomeTile> createState() => _HomeTileState();
-    return GestureDetector(
+}
-      onTap: onTap,
+
-      child: Card(
+class _HomeTileState extends State<HomeTile> {
-        color: MyTheme().secondaryColor(),
+  late Color mainC;
-        elevation: 20,
+  late Color secondC;
-        child: Column(
+
-          //mainAxisSize: MainAxisSize.min,
+  @override
-          children: [
+  void initState() {
-            Expanded(
+    mainC = MyTheme().secondaryColor();
-              child: ListTile(
+    secondC = MyTheme().primaryColor();
-                  leading: Icon(
+    super.initState();
-                    Icons.abc,
+  }
-                    color: MyTheme().primaryColor(),
+
-                  ),
+  Widget displayTile() {
-                  title: Text(
+    return FittedBox(
-                    tileName,
+      child: Column(
-                    style: TextStyle(
+        mainAxisSize: MainAxisSize.max,
-                      fontWeight: FontWeight.bold,
+        mainAxisAlignment: MainAxisAlignment.end,
-                      color: MyTheme().primaryColor(),
+        children: [
-                    ),
+          GestureDetector(
-                  ),
+            onTap: widget.onTap,
-                  subtitle: Text(
+            onTapDown: (_) {
-                    tileDescription,
+              setState(() {
-                    style: TextStyle(color: MyTheme().primaryColor()),
+                mainC = MyTheme().primaryColor();
-                  )),
+                secondC = MyTheme().secondaryColor();
-            ),
+              });
-            Expanded(
+            },
-              child: Row(
+            onTapUp: (_) {
-                mainAxisAlignment: MainAxisAlignment.end,
+              setState(() {
-                children: [
+                mainC = MyTheme().secondaryColor();
-                  Padding(
+                secondC = MyTheme().primaryColor();
-                    padding: const EdgeInsets.symmetric(horizontal: 10),
+              });
-                    child: Icon(
+            },
-                      Icons.arrow_forward,
+            child: Container(
-                      color: MyTheme().secondaryColor(),
+              padding: const EdgeInsets.all(3.0),
-                    ),
+              decoration: BoxDecoration(
-                  ),
+                color: mainC,
-                ],
+                borderRadius: BorderRadius.circular(10.0),
+                //border: Border.all(color: MyTheme().secondaryColor(), width: 1.0),
               ),
-            )
+              child: Icon(
-          ],
+                widget.tileIcon,
-        ),
+                color: secondC,
+              ),
+            ),
+          ),
+          const SizedBox(height: 1),
+          Text(
+            widget.tileName,
+            textAlign: TextAlign.center,
+            style: TextStyle(
+              color: MyTheme().secondaryColor(),
+              fontSize: 5.0,
+              fontWeight: FontWeight.bold,
+            ),
+          )
+        ],
       ),
     );
   }
+
+  @override
+  Widget build(BuildContext context) {
+    return displayTile();
+    // child: Card(
+    //   color: MyTheme().secondaryColor(),
+    //   elevation: 20,
+    //   child: Column(
+    //     //mainAxisSize: MainAxisSize.min,
+    //     children: [
+    //       Expanded(
+    //         child: ListTile(
+    //             leading: Icon(
+    //               widget.tileIcon,
+    //               color: MyTheme().primaryColor(),
+    //             ),
+    //             title: Text(
+    //               widget.tileName,
+    //               style: TextStyle(
+    //                 fontWeight: FontWeight.bold,
+    //                 color: MyTheme().primaryColor(),
+    //               ),
+    //             ),
+    //             subtitle: Text(
+    //               widget.tileDescription,
+    //               style: TextStyle(color: MyTheme().primaryColor()),
+    //             )),
+    //       ),
+    //       Expanded(
+    //         child: Row(
+    //           mainAxisAlignment: MainAxisAlignment.end,
+    //           children: [
+    //             Padding(
+    //               padding: const EdgeInsets.symmetric(horizontal: 10),
+    //               child: Icon(
+    //                 Icons.arrow_forward,
+    //                 color: MyTheme().secondaryColor(),
+    //               ),
+    //             ),
+    //           ],
+    //         ),
+    //       )
+    //     ],
+    //   ),
+    // ),
+  }
 }

Frontend/patient_manager/lib/components/homeTileGrid.dart

@@ -1,47 +1,57 @@
 import 'package:flutter/material.dart';
 import 'package:patient_manager/components/homeTile.dart';
 
-class HomeTileGrid extends StatelessWidget {
+class HomeTileGrid extends StatefulWidget {
   final String userEmail;
   const HomeTileGrid({super.key, required this.userEmail});
 
+  @override
+  State<HomeTileGrid> createState() => _HomeTileGridState();
+}
+
+class _HomeTileGridState extends State<HomeTileGrid> {
   @override
   Widget build(BuildContext context) {
-    return Center(
+    var size = MediaQuery.of(context).size;
-      child: SizedBox(
+
-        width: 1000,
+    double width = size.width;
-        child: GridView.count(
+    double height = size.height;
-          padding: const EdgeInsets.all(20),
+    // final double itemHeight = (size.height - kToolbarHeight - 24) / 2;
-          crossAxisSpacing: 10,
+    // final double itemWidth = size.width / 5;
-          mainAxisSpacing: 10,
+    List<List<dynamic>> tileList = [
-          childAspectRatio: MediaQuery.of(context).size.width / 600,
+      [
-          crossAxisCount: 3,
+        Icons.medication,
-          children: [
+        "Patient Manager",
-            HomeTile(
+        () {
-              onTap: () {
+          Navigator.of(context)
-                //print("Home Tiles: $userEmail");
+              .pushNamed('/patient-manager', arguments: widget.userEmail);
-                Navigator.of(context)
+        }
-                    .pushNamed('/patient-manager', arguments: userEmail);
+      ],
-              },
+      [Icons.abc, "Test 1", () {}],
-              tileName: "Patient Manager",
+      [Icons.abc, "Test 2", () {}],
-              tileDescription:
+      [Icons.abc, "Test 3", () {}],
-                  "This is a digital solution for doctors Offices to manage their patients",
+      [Icons.abc, "Test 4", () {}],
-            ),
+      [Icons.abc, "Test 5", () {}],
-            HomeTile(
+      [Icons.abc, "Test 6", () {}],
-              onTap: () {},
+    ];
-              tileName: "Test",
+
-              tileDescription:
+    return GridView.builder(
-                  "This is a digital solution for doctors Offices to manage their patients",
+      padding: EdgeInsets.fromLTRB(width / 6, height / 16, width / 6,
-            ),
+          0), //EdgeInsets.symmetric(horizontal: width / 6),
-            HomeTile(
+      itemCount: tileList.length,
-              onTap: () {},
+      gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
-              tileName: "Test 1",
+          maxCrossAxisExtent: 200),
-              tileDescription:
+      //const SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3),
-                  "This is a digital solution for doctors Offices to manage their patients",
+      itemBuilder: (context, index) {
-            ),
+        return Padding(
-          ],
+          padding: const EdgeInsets.all(10),
-        ),
+          child: HomeTile(
-      ),
+            onTap: tileList[index][2],
+            tileIcon: tileList[index][0],
+            tileName: tileList[index][1],
+          ),
+        );
+      },
     );
   }
 }