Work on pagination

Author: theEvilReaper

lib/feature/sound/sound_file_entries.dart

@@ -1,6 +1,8 @@
 import 'package:async_redux/async_redux.dart';
 import 'package:flutter/material.dart';
 import 'package:stelaris/api/model/sound/sound_file_source.dart';
+import 'package:stelaris/api/state/actions/sound/sound_actions.dart';
+import 'package:stelaris/api/state/actions/sound/sound_file_actions.dart';
 import 'package:stelaris/api/state/app_state.dart';
 import 'package:stelaris/api/state/factory/sound/selected_sound_state.dart';
 import 'package:stelaris/feature/base/chips/action_chips.dart';
@@ -17,57 +19,77 @@ class SoundFileEntryPage extends StatefulWidget {
 }
 
 class _SoundFileEntriesState extends State<SoundFileEntryPage> {
+  final ScrollController _scrollController = ScrollController();
+  SelectedSoundView? _vm;
+
+  @override
+  void initState() {
+    super.initState();
+    _scrollController.addListener(_onScroll);
+  }
+
+  @override
+  void dispose() {
+    _scrollController.removeListener(_onScroll);
+    _scrollController.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return StoreConnector<AppState, SelectedSoundView>(
-        vm: () => SelectedSoundState(),
-        builder: (context, vm) {
-          return Column(
-            mainAxisAlignment: MainAxisAlignment.start,
-            crossAxisAlignment: CrossAxisAlignment.start,
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              verticalSpacing25,
-              _getActionWidget(context),
-              const SizedBox(height: 16,),
-              vm.hasNoFiles
-                  ? const Flexible(flex: 1, child: const EmptyDataWidget())
-                  : Expanded(
-                child: ListView.builder(
-                  padding: const EdgeInsets.all(8),
-                  itemCount: vm.fileCount, // Example: 10 items
-                  itemBuilder: (context, index) {
-                    return ConstrainedBox(
-                      constraints: const BoxConstraints(
-                        minWidth: 220,
-                        maxWidth: 400,
-                      ),
-                      child: SoundFileCard(eventModel: vm[index]),
-                    );
-                  },
-                ),
-              ),
-            ],
-          );
-        }
+      vm: () => SelectedSoundState(),
+      onInit: (store) => InitSoundFileAction(),
+      onDidChange: (context, store, viewModel) {
+        _vm = viewModel;
+      },
+      builder: (context, vm) {
+        return Column(
+          mainAxisAlignment: MainAxisAlignment.start,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            verticalSpacing25,
+            _getActionWidget(context),
+            const SizedBox(height: 16),
+            vm.hasNoFiles
+                ? const Flexible(flex: 1, child: EmptyDataWidget())
+                : Expanded(
+                    child: ListView.builder(
+                      controller: _scrollController,
+                      padding: const EdgeInsets.all(8),
+                      itemCount: vm.fileCount, // Example: 10 items
+                      itemBuilder: (context, index) {
+                        return ConstrainedBox(
+                          constraints: const BoxConstraints(
+                            minWidth: 220,
+                            maxWidth: 400,
+                          ),
+                          child: SoundFileCard(eventModel: vm[index]),
+                        );
+                      },
+                    ),
+                  ),
+          ],
+        );
+      },
     );
   }
 
   Widget _getActionWidget(BuildContext context) {
     return ActionChips(
       addCallback: () => _openAddDialog(),
-      saveCallback: () {},
+      saveCallback: () => context.dispatch(SoundDatabaseUpdate()),
     );
   }
 
   void _openAddDialog() {
     showDialog(
       context: context,
-      builder: (context) =>
-          SoundFileModal(
-            create: true,
-            onSave:
-                ({
+      builder: (context) => SoundFileModal(
+        create: true,
+        onSave:
+            ({
               required volume,
               required pitch,
               required weight,
@@ -76,30 +98,32 @@ class _SoundFileEntriesState extends State<SoundFileEntryPage> {
               required preload,
               required type,
             }) {
+              SoundFileSource fileSource = SoundFileSource(
+                name: 'Test',
+                volume: volume,
+                pitch: pitch,
+                attenuationDistance: attenuationDistance,
+                preload: preload,
+                type: type,
+                weight: weight,
+              );
+              context.dispatch(SoundFileSourceAddAction(fileSource));
               // Handle save logic here
             },
-          ),
+      ),
     );
   }
 
-  void _create({
-    required double volume,
-    required double pitch,
-    required int weight,
-    required bool stream,
-    required int attenuationDistance,
-    required bool preload,
-    required String type,
-  }) {
-    SoundFileSource fileSource = SoundFileSource(name: 'Test',
-        volume: volume,
-        pitch: pitch,
-        attenuationDistance: attenuationDistance,
-        preload: preload,
-        type: type,
-        weight: weight
-    );
+  void _onScroll() {
+    if (_vm == null) return;
+
+    final SelectedSoundView view = _vm!;
 
-    //context.dispatch(SelectedS)
+    if (_scrollController.position.pixels >=
+            _scrollController.position.maxScrollExtent - 200 &&
+        view.hasNextPage &&
+        !view.isLoadingFiles) {
+      view.onLoadMoreSoundFiles();
+    }
   }
 }