From 8352ce8b5b60c3893dad2afde85b4deab4f9c374 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Mon, 21 Jul 2025 20:03:06 +0800
Subject: [PATCH] :sparkles: New explore screen on wide device

---
 lib/screens/explore.dart | 99 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 89 insertions(+), 10 deletions(-)

diff --git a/lib/screens/explore.dart b/lib/screens/explore.dart
index c991618..37c9f37 100644
--- a/lib/screens/explore.dart
+++ b/lib/screens/explore.dart
@@ -9,8 +9,11 @@ import 'package:island/models/activity.dart';
 import 'package:island/models/publisher.dart';
 import 'package:island/models/realm.dart';
 import 'package:island/models/webfeed.dart';
+import 'package:island/pods/event_calendar.dart';
 import 'package:island/pods/userinfo.dart';
 import 'package:island/services/responsive.dart';
+import 'package:island/widgets/account/event_calendar.dart';
+import 'package:island/widgets/account/fortune_graph.dart';
 import 'package:island/widgets/app_scaffold.dart';
 import 'package:island/models/post.dart';
 import 'package:island/widgets/check_in.dart';
@@ -58,6 +61,29 @@ class ExploreScreen extends HookConsumerWidget {
       activityListNotifierProvider(currentFilter.value).notifier,
     );
 
+    final now = DateTime.now();
+
+    final query = useState(
+      EventCalendarQuery(uname: 'me', year: now.year, month: now.month),
+    );
+
+    final events = ref.watch(eventCalendarProvider(query.value));
+
+    final selectedDay = useState(now);
+
+    void onMonthChanged(int year, int month) {
+      query.value = EventCalendarQuery(
+        uname: query.value.uname,
+        year: year,
+        month: month,
+      );
+    }
+
+    // Function to handle day selection for synchronizing between widgets
+    void onDaySelected(DateTime day) {
+      selectedDay.value = day;
+    }
+
     return AppScaffold(
       noBackground: false,
       appBar: AppBar(
@@ -153,23 +179,76 @@ class ExploreScreen extends HookConsumerWidget {
         child: const Icon(Symbols.edit),
       ),
       floatingActionButtonLocation: TabbedFabLocation(context),
-      body: TabBarView(
-        controller: tabController,
-        physics: const NeverScrollableScrollPhysics(),
-        children: [
-          _buildActivityList(ref, null),
-          _buildActivityList(ref, 'subscriptions'),
-          _buildActivityList(ref, 'friends'),
-        ],
+      body: Builder(
+        builder: (context) {
+          final isWider = isWiderScreen(context);
+
+          final bodyView = TabBarView(
+            controller: tabController,
+            physics: const NeverScrollableScrollPhysics(),
+            children: [
+              _buildActivityList(context, ref, null),
+              _buildActivityList(context, ref, 'subscriptions'),
+              _buildActivityList(context, ref, 'friends'),
+            ],
+          );
+
+          if (isWider) {
+            return Row(
+              children: [
+                Flexible(flex: 3, child: bodyView),
+                const VerticalDivider(width: 1),
+                Flexible(
+                  flex: 2,
+                  child: SingleChildScrollView(
+                    child: Column(
+                      children: [
+                        CheckInWidget(),
+                        Card(
+                          margin: EdgeInsets.only(left: 16, right: 16, top: 8),
+                          child: Column(
+                            children: [
+                              // Use the reusable EventCalendarWidget
+                              EventCalendarWidget(
+                                events: events,
+                                initialDate: now,
+                                showEventDetails: true,
+                                onMonthChanged: onMonthChanged,
+                                onDaySelected: onDaySelected,
+                              ),
+                            ],
+                          ),
+                        ),
+                        FortuneGraphWidget(
+                          events: events,
+                          constrainWidth: true,
+                          onPointSelected: onDaySelected,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ],
+            );
+          }
+
+          return bodyView;
+        },
       ),
     );
   }
 
-  Widget _buildActivityList(WidgetRef ref, String? filter) {
+  Widget _buildActivityList(
+    BuildContext context,
+    WidgetRef ref,
+    String? filter,
+  ) {
     final activitiesNotifier = ref.watch(
       activityListNotifierProvider(filter).notifier,
     );
 
+    final isWider = isWiderScreen(context);
+
     return RefreshIndicator(
       onRefresh: () => Future.sync(activitiesNotifier.forceRefresh),
       child: PagingHelperView(
@@ -183,7 +262,7 @@ class ExploreScreen extends HookConsumerWidget {
                 widgetCount: widgetCount,
                 endItemView: endItemView,
                 activitiesNotifier: activitiesNotifier,
-                contentOnly: filter != null,
+                contentOnly: isWider || filter != null,
               ),
             ),
       ),