revanced-manager/lib/ui/views/patches_selector/patches_selector_view.dart

import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/theme.dart';
import 'package:revanced_manager/ui/views/patches_selector/patches_selector_viewmodel.dart';
import 'package:revanced_manager/ui/widgets/patch_item.dart';
import 'package:revanced_manager/ui/widgets/search_bar.dart';
import 'package:stacked/stacked.dart';

class PatchesSelectorView extends StatefulWidget {
  const PatchesSelectorView({Key? key}) : super(key: key);

  @override
  State<PatchesSelectorView> createState() => _PatchesSelectorViewState();
}

class _PatchesSelectorViewState extends State<PatchesSelectorView> {
  final List<PatchItem> _items = [];
  String query = '';

  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<PatchesSelectorViewModel>.reactive(
      onModelReady: (model) => model.initialize(),
      viewModelBuilder: () => PatchesSelectorViewModel(),
      builder: (context, model, child) => Scaffold(
        body: SafeArea(
          child: Padding(
            padding:
                const EdgeInsets.symmetric(vertical: 4.0, horizontal: 12.0),
            child: model.patches.isNotEmpty
                ? Column(
                    children: [
                      SearchBar(
                        showSelectIcon: true,
                        fillColor:
                            isDark ? const Color(0xff1B222B) : Colors.grey[200],
                        hintText: FlutterI18n.translate(
                          context,
                          'patchesSelectorView.searchBarHint',
                        ),
                        hintTextColor: Theme.of(context).colorScheme.tertiary,
                        onQueryChanged: (searchQuery) {
                          setState(() {
                            query = searchQuery;
                          });
                        },
                        onSelectAll: (value) => model.selectAllPatches(value),
                      ),
                      const SizedBox(height: 12),
                      query.isEmpty || query.length < 2
                          ? _getAllResults(model)
                          : _getFilteredResults(model),
                      MaterialButton(
                        textColor: Colors.white,
                        color: Theme.of(context).colorScheme.secondary,
                        minWidth: double.infinity,
                        padding: const EdgeInsets.symmetric(
                          vertical: 12,
                          horizontal: 8,
                        ),
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(12),
                        ),
                        onPressed: () {
                          model.selectPatches();
                          Navigator.of(context).pop();
                        },
                        child: I18nText('patchesSelectorView.fabButton'),
                      ),
                    ],
                  )
                : Center(
                    child: CircularProgressIndicator(
                      color: Theme.of(context).colorScheme.secondary,
                    ),
                  ),
          ),
        ),
      ),
    );
  }

  Widget _getAllResults(PatchesSelectorViewModel model) {
    _items.clear();
    return Expanded(
      child: ListView.builder(
        itemCount: model.patches.length,
        itemBuilder: (context, index) {
          model.patches.sort((a, b) => a.simpleName.compareTo(b.simpleName));
          PatchItem item = PatchItem(
            name: model.patches[index].name,
            simpleName: model.patches[index].simpleName,
            version: model.patches[index].version,
            description: model.patches[index].description,
            isSelected: model.isSelected(index),
            onChanged: (value) => model.selectPatch(index, value),
          );
          _items.add(item);
          return item;
        },
      ),
    );
  }

  Widget _getFilteredResults(PatchesSelectorViewModel model) {
    _items.clear();
    return Expanded(
      child: ListView.builder(
        itemCount: model.patches.length,
        itemBuilder: (context, index) {
          model.patches.sort((a, b) => a.simpleName.compareTo(b.simpleName));
          if (model.patches[index].simpleName.toLowerCase().contains(
                query.toLowerCase(),
              )) {
            PatchItem item = PatchItem(
              name: model.patches[index].name,
              simpleName: model.patches[index].simpleName,
              version: model.patches[index].version,
              description: model.patches[index].description,
              isSelected: model.isSelected(index),
              onChanged: (value) => model.selectPatch(index, value),
            );
            _items.add(item);
            return item;
          } else {
            return const SizedBox();
          }
        },
      ),
    );
  }
}