From d21964c0cc762cbd1909706afb525c7d9bacb5c5 Mon Sep 17 00:00:00 2001
From: Marty Fuhry <martyfuhry@gmail.com>
Date: Wed, 31 Jan 2024 12:12:51 -0500
Subject: [PATCH] Uses hooks instead of stateful components

---
 .../lib/modules/memories/views/memory_page.dart  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/mobile/lib/modules/memories/views/memory_page.dart b/mobile/lib/modules/memories/views/memory_page.dart
index c677309b48..e5e157fa6c 100644
--- a/mobile/lib/modules/memories/views/memory_page.dart
+++ b/mobile/lib/modules/memories/views/memory_page.dart
@@ -16,19 +16,12 @@ class MemoryPage extends HookConsumerWidget {
   final List<Memory> memories;
   final int memoryIndex;
 
-  MemoryPage({
+  const MemoryPage({
     required this.memories,
     required this.memoryIndex,
     super.key,
   });
 
-  /// The list of all of the asset page controllers
-  late final memoryAssetPageControllers =
-      List.generate(memories.length, (i) => PageController());
-
-  /// The main vertically scrolling page controller with each list of memories
-  late final memoryPageController = PageController(initialPage: memoryIndex);
-
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final currentMemory = useState(memories[memoryIndex]);
@@ -39,6 +32,13 @@ class MemoryPage extends HookConsumerWidget {
     );
     const bgColor = Colors.black;
 
+    /// The list of all of the asset page controllers
+    final memoryAssetPageControllers =
+        List.generate(memories.length, (i) => usePageController());
+
+    /// The main vertically scrolling page controller with each list of memories
+    final memoryPageController = usePageController(initialPage: memoryIndex);
+
     // The Page Controller that scrolls horizontally with all of the assets
     PageController currentMemoryAssetPageController =
         memoryAssetPageControllers[currentMemoryIndex.value];