revanced-manager/lib/ui/widgets/patchesSelectorView/patch_item.dart

import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:revanced_manager/ui/widgets/patchesSelectorView/patch_options_fields.dart';
import 'package:revanced_manager/ui/widgets/shared/patch_text_button.dart';

// ignore: must_be_immutable
class PatchItem extends StatefulWidget {
  final String name;
  final String simpleName;
  final String description;
  final String version;
  final String packageVersion;
  final List<String> supportedPackageVersions;
  final bool isUnsupported;
  bool isSelected;
  final Function(bool) onChanged;
  final Widget? child;

  PatchItem(
      {Key? key,
      required this.name,
      required this.simpleName,
      required this.description,
      required this.version,
      required this.packageVersion,
      required this.supportedPackageVersions,
      required this.isUnsupported,
      required this.isSelected,
      required this.onChanged,
      this.child})
      : super(key: key);

  @override
  State<PatchItem> createState() => _PatchItemState();
}

class _PatchItemState extends State<PatchItem> {
  @override
  Widget build(BuildContext context) {
    return InkWell(
      onTap: () {
        setState(() => widget.isSelected = !widget.isSelected);
        widget.onChanged(widget.isSelected);
      },
      child: Container(
        decoration: BoxDecoration(
          color: Theme.of(context).colorScheme.primary,
          borderRadius: BorderRadius.circular(12),
        ),
        padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 12),
        margin: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
        child: Column(
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Flexible(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.end,
                        children: <Widget>[
                          Text(
                            widget.simpleName,
                            style: GoogleFonts.inter(
                              fontSize: 16,
                              fontWeight: FontWeight.w600,
                            ),
                          ),
                          const SizedBox(width: 4),
                          Text(widget.version)
                        ],
                      ),
                      const SizedBox(height: 4),
                      Text(
                        widget.description,
                        softWrap: true,
                        maxLines: 3,
                        overflow: TextOverflow.visible,
                        style: GoogleFonts.roboto(
                          fontSize: 14,
                        ),
                      ),
                    ],
                  ),
                ),
                Transform.scale(
                  scale: 1.2,
                  child: Checkbox(
                    value: widget.isSelected,
                    activeColor: Theme.of(context).colorScheme.secondary,
                    onChanged: (newValue) {
                      setState(() => widget.isSelected = newValue!);
                      widget.onChanged(widget.isSelected);
                    },
                  ),
                )
              ],
            ),
            // widget.name.contains("custom-branding")
            //     ? Padding(
            //         padding: const EdgeInsets.symmetric(vertical: 10.0),
            //         child: Container(
            //           padding: const EdgeInsets.symmetric(
            //             vertical: 8,
            //             horizontal: 8,
            //           ),
            //           decoration: BoxDecoration(
            //             color: Theme.of(context)
            //                 .colorScheme
            //                 .tertiary
            //                 .withOpacity(0.1),
            //             borderRadius: BorderRadius.circular(12),
            //           ),
            //           child: Column(
            //             children: [
            //               Text(
            //                 "Patch options",
            //                 style: GoogleFonts.inter(
            //                   fontSize: 18,
            //                   fontWeight: FontWeight.w600,
            //                 ),
            //               ),
            //               const OptionsTextField(hint: "App name"),
            //               const OptionsFilePicker(
            //                 optionName: "Choose a logo",
            //               ),
            //             ],
            //           ),
            //         ),
            //       )
            //     : const SizedBox(),
            widget.isUnsupported
                ? Row(
                    children: <Widget>[
                      Padding(
                        padding: const EdgeInsets.only(top: 8),
                        child: TextButton.icon(
                          label: I18nText('patchItem.unsupportedWarningButton'),
                          icon: const Icon(Icons.warning),
                          onPressed: () => _showUnsupportedWarningDialog(),
                          style: ButtonStyle(
                            shape: MaterialStateProperty.all(
                              RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(12),
                                side: BorderSide(
                                  width: 1,
                                  color:
                                      Theme.of(context).colorScheme.secondary,
                                ),
                              ),
                            ),
                            backgroundColor: MaterialStateProperty.all(
                              Colors.transparent,
                            ),
                            foregroundColor: MaterialStateProperty.all(
                              Theme.of(context).colorScheme.secondary,
                            ),
                          ),
                        ),
                      ),
                    ],
                  )
                : Container(),
            widget.child ?? const SizedBox(),
          ],
        ),
      ),
    );
  }

  Future<void> _showUnsupportedWarningDialog() {
    return showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: I18nText('patchItem.alertDialogTitle'),
        content: I18nText(
          'patchItem.alertDialogText',
          translationParams: {
            'packageVersion': widget.packageVersion,
            'supportedVersions':
                '\u2022 ${widget.supportedPackageVersions.join('\n\u2022 ')}',
          },
        ),
        actions: [
          PatchTextButton(
            text: FlutterI18n.translate(context, 'okButton'),
            onPressed: () => Navigator.of(context).pop(),
            backgroundColor: Theme.of(context).colorScheme.secondary,
            borderColor: Theme.of(context).colorScheme.secondary,
          )
        ],
        backgroundColor: Theme.of(context).colorScheme.surface,
      ),
    );
  }
}