feat: other dashboard tabs

Author: TeeWrath

lib/features/dashboard/pages/desktop/dashboard_desktop.dart

@@ -17,23 +17,20 @@ class DashboardDesktop extends StatelessWidget {
     rh.DeviceType deviceType = rh.ResponsiveLayoutHelper.getDeviceType(context);
     return Consumer<DashboardProvider>(
       builder: (context, provider, child) {
-        // NEW: Get the filtered list of workspaces
-        final displayedWorkspaces = provider.displayedWorkspaces;
-
         return LayoutBuilder(
           builder:
               (context, constraints) => Row(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   AnimatedContainer(
                     curve: Curves.easeInOut,
-                    duration: Duration(milliseconds: 500),
+                    duration: const Duration(milliseconds: 500),
                     height:
                         provider.isDrawerOpen
                             ? constraints.maxHeight
                             : 0.185.sh,
                     width: deviceType == rh.DeviceType.desktop ? 400.w : 600.w,
-                    child: DashboardDrawer(),
+                    child: const DashboardDrawer(),
                   ),
 
                   Expanded(
@@ -47,27 +44,12 @@ class DashboardDesktop extends StatelessWidget {
                         children: [
                           Padding(
                             padding: EdgeInsets.only(bottom: 20.h),
-                            child: StartProject(),
+                            child: const StartProject(),
                           ),
-                          SizedBox(height: 32),
+                          const SizedBox(height: 32),
                           Expanded(
-                            child: GridView.builder(
-                              shrinkWrap: true,
-                              // UPDATE: Use the length of the filtered list
-                              itemCount: displayedWorkspaces.length,
-                              gridDelegate:
-                                  SliverGridDelegateWithFixedCrossAxisCount(
-                                    crossAxisCount: 3,
-                                    crossAxisSpacing: 20.w,
-                                    mainAxisSpacing: 20.h,
-                                    childAspectRatio: 4.5 / 3,
-                                  ),
-                              itemBuilder: (context, index) {
-                                // UPDATE: Get the workspace from the filtered list
-                                final workspace = displayedWorkspaces[index];
-                                return ProjectCard(workspaceId: workspace.id);
-                              },
-                            ),
+                            // NEW: Conditionally build the main content area
+                            child: _buildMainContent(provider),
                           ),
                         ],
                       ),
@@ -79,4 +61,69 @@ class DashboardDesktop extends StatelessWidget {
       },
     );
   }
+
+  // NEW: Helper widget to build content based on the selected tab
+  Widget _buildMainContent(DashboardProvider provider) {
+    switch (provider.tabIndex) {
+      case 2: // Trash Tab
+        return Center(
+          child: Text(
+            'Feature Coming Soon',
+            style: TextStyle(
+              fontFamily: 'Fredrik',
+              fontSize: 24.sp,
+              fontWeight: FontWeight.w600,
+              color: Colors.grey[600],
+            ),
+          ),
+        );
+      case 3: // About Us Tab
+        return SingleChildScrollView(
+          padding: EdgeInsets.symmetric(horizontal: 40.w, vertical: 20.h),
+          child: Text(
+            "Cooketh Flow is an open-source, powerful visual thinking tool designed for teams and individuals to brainstorm, sketch, and organize ideas effortlessly. Whether you're mapping out ideas, designing user flows, or organizing tasks, Cooketh Flow provides an intuitive drag-and-drop interface that makes building and refining workflows effortless.\n\nWith features like customizable nodes and cloud sync with Supabase, Cooketh Flow is built to streamline complex processes and enhance productivity. Developed with Flutter for cross-platform support, it offers a fast, responsive, and visually engaging experience.\n\nAs an open-source project, Cooketh Flow is community-driven and extensible, inviting developers and creators to contribute, innovate, and shape the future of workflow automation.",
+            textAlign: TextAlign.justify,
+            style: TextStyle(
+              fontFamily: 'Fredrik',
+              fontSize: 18.sp,
+              height: 1.6,
+              color: Colors.black.withOpacity(0.75),
+            ),
+          ),
+        );
+      default: // All and Starred Tabs
+        final displayedWorkspaces = provider.displayedWorkspaces;
+        
+        // Show a message if the "Starred" tab is empty
+        if (displayedWorkspaces.isEmpty && provider.tabIndex == 1) {
+           return Center(
+            child: Text(
+              'No starred workspaces yet!',
+              style: TextStyle(
+                fontFamily: 'Fredrik',
+                fontSize: 24.sp,
+                fontWeight: FontWeight.w600,
+                color: Colors.grey[600],
+              ),
+            ),
+          );
+        }
+
+        return GridView.builder(
+          shrinkWrap: true,
+          itemCount: displayedWorkspaces.length,
+          gridDelegate:
+              SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount: 3,
+                crossAxisSpacing: 20.w,
+                mainAxisSpacing: 20.h,
+                childAspectRatio: 4.5 / 3,
+              ),
+          itemBuilder: (context, index) {
+            final workspace = displayedWorkspaces[index];
+            return ProjectCard(workspaceId: workspace.id);
+          },
+        );
+    }
+  }
 }

lib/features/dashboard/providers/dashboard_provider.dart

@@ -27,15 +27,17 @@ class DashboardProvider extends StateHandler {
   bool get isInitialized => _isInitialized;
   Map<String, WorkspaceModel> get workspaceList => _workspaceList;
 
-  // NEW: Getter for the filtered list of workspaces
   List<WorkspaceModel> get displayedWorkspaces {
     final allWorkspaces = _workspaceList.values.toList();
-    // Sort by last edited date, newest first
     allWorkspaces.sort((a, b) => (b.lastEdited ?? DateTime(0)).compareTo(a.lastEdited ?? DateTime(0)));
 
     switch (_tabIndex) {
       case 1: // Starred
         return allWorkspaces.where((ws) => ws.isStarred).toList();
+      case 2: // Trash
+      case 3: // About Us
+        // Return an empty list for non-project tabs
+        return [];
       case 0: // All
       default:
         return allWorkspaces;
@@ -122,12 +124,10 @@ class DashboardProvider extends StateHandler {
     }
   }
 
-  // NEW: Method to toggle the star status and save to DB
   Future<void> toggleStar(String workspaceId) async {
     final workspace = _workspaceList[workspaceId];
     if (workspace == null) return;
 
-    // Toggle status locally first for immediate UI feedback
     final updatedWorkspace = workspace.copyWith(isStarred: !workspace.isStarred);
     _workspaceList[workspaceId] = updatedWorkspace;
     notifyListeners();
@@ -141,7 +141,6 @@ class DashboardProvider extends StateHandler {
       print("Workspace $workspaceId star status updated in DB.");
     } catch (e) {
       print("Error updating star status for $workspaceId: $e");
-      // Revert on error
       _workspaceList[workspaceId] = workspace;
       notifyListeners();
     }
@@ -163,7 +162,7 @@ class DashboardProvider extends StateHandler {
         "name": "New Project",
         "editorId": [],
         "viewerId": [],
-        "data": {'isStarred': false}, // Initialize with isStarred
+        "data": {'isStarred': false},
       };
 
       await supabase!.from('workspace').insert(newWorkspaceData);