fix #57

lib/src/components/image_editor/layers/filter_layer.dart

@@ -38,9 +38,11 @@ class FilterSceleton extends StatelessWidget {
 }
 
 class FilterText extends StatelessWidget {
-  const FilterText(this.text, {super.key, this.fontSize = 24});
+  const FilterText(this.text,
+      {super.key, this.fontSize = 24, this.color = Colors.white});
   final String text;
   final double fontSize;
+  final Color color;
 
   @override
   Widget build(BuildContext context) {
@@ -49,7 +51,7 @@ class FilterText extends StatelessWidget {
       textAlign: TextAlign.start,
       style: TextStyle(
         fontSize: fontSize,
-        color: Colors.white,
+        color: color,
         shadows: [
           Shadow(
             color: const Color.fromARGB(122, 0, 0, 0),
@@ -62,10 +64,8 @@ class FilterText extends StatelessWidget {
 }
 
 class _FilterLayerState extends State<FilterLayer> {
-  @override
+  final PageController pageController = PageController();
-  Widget build(BuildContext context) {
+  final List<Widget> pages = [
-    return PageView(
-      children: [
     FilterSceleton(),
     DateTimeFilter(),
     LocationFilter(),
@@ -75,7 +75,40 @@ class _FilterLayerState extends State<FilterLayer> {
     ImageFilter(imagePath: "random/chillen.png"),
     ImageFilter(imagePath: "random/avocardio.png"),
     ImageFilter(imagePath: "random/duck.png"),
-      ],
+    FilterSceleton(),
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      pageController.jumpToPage(1);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PageView.builder(
+      controller: pageController,
+      itemCount: pages.length + 2, // Add two for the duplicated pages
+      itemBuilder: (context, index) {
+        if (index == 0) {
+          return pages.last; // Show the last page
+        } else if (index == pages.length + 1) {
+          return pages.first; // Show the first page
+        } else {
+          return pages[index - 1]; // Show the actual pages
+        }
+      },
+      onPageChanged: (index) {
+        if (index == 0) {
+          // If the user swipes to the first duplicated page, jump to the last page
+          pageController.jumpToPage(pages.length);
+        } else if (index == pages.length + 1) {
+          // If the user swipes to the last duplicated page, jump to the first page
+          pageController.jumpToPage(1);
+        }
+      },
     );
   }
 }

lib/src/components/image_editor/layers/filters/datetime_filter.dart

@@ -3,7 +3,9 @@ import 'package:intl/intl.dart';
 import 'package:twonly/src/components/image_editor/layers/filter_layer.dart';
 
 class DateTimeFilter extends StatelessWidget {
-  const DateTimeFilter({super.key});
+  const DateTimeFilter({super.key, this.color = Colors.white});
+
+  final Color color;
 
   @override
   Widget build(BuildContext context) {
@@ -16,8 +18,8 @@ class DateTimeFilter extends StatelessWidget {
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            FilterText(currentTime),
+            FilterText(currentTime, color: color),
-            FilterText(currentDate),
+            FilterText(currentDate, color: color),
           ],
         ),
       ),

lib/src/components/image_editor/layers/filters/location_filter.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:twonly/globals.dart';
 import 'package:twonly/src/components/image_editor/layers/filter_layer.dart';
+import 'package:twonly/src/components/image_editor/layers/filters/datetime_filter.dart';
 import 'package:twonly/src/components/image_editor/layers/filters/image_filter.dart';
 import 'package:twonly/src/proto/api/server_to_client.pb.dart';
 
@@ -66,6 +67,7 @@ class _LocationFilterState extends State<LocationFilter> {
     }
 
     if (location != null) {
+      if (location!.county != "-") {
         return FilterSceleton(
           child: Positioned(
             bottom: 50,
@@ -81,7 +83,8 @@ class _LocationFilterState extends State<LocationFilter> {
           ),
         );
       }
+    }
 
-    return Container();
+    return DateTimeFilter(color: Colors.black);
   }
 }