fix: добавление всплывающего окна с информацией о pro-подписке при попытке переключения параметров игры

Author: EkaterinaMarkina-1

frontend/lib/views/components/pro_functions_tooltip.dart

@@ -10,18 +10,26 @@ class ProFunctionsTooltip extends StatefulWidget {
     required this.modalHeader,
     required this.child,
     required this.isPro,
+    this.controller,
   });
 
   final String modalHeader;
   final Widget child;
   final bool isPro;
+  final SuperTooltipController? controller;
 
   @override
   State<ProFunctionsTooltip> createState() => _ProFunctionsTooltipState();
 }
 
 class _ProFunctionsTooltipState extends State<ProFunctionsTooltip> {
-  final _controller = SuperTooltipController();
+  late final SuperTooltipController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = widget.controller ?? SuperTooltipController();
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -38,7 +46,7 @@ class _ProFunctionsTooltipState extends State<ProFunctionsTooltip> {
       popupDirection: TooltipDirection.up,
       content: DecoratedBox(
         decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(16), color: Colors.white),
+          borderRadius: BorderRadius.circular(16), color: Colors.white),
         child: Padding(
           padding: const EdgeInsets.symmetric(vertical: 24, horizontal: 32),
           child: Column(
@@ -62,14 +70,13 @@ class _ProFunctionsTooltipState extends State<ProFunctionsTooltip> {
                   ),
                 ),
               ),
-              !widget.isPro
-                  ? UpgradeToProButton(
-                      onTap: () {
-                        _controller.hideTooltip();
-                        context.push(RouteLocations.promoScreen);
-                      },
-                    )
-                  : const SizedBox.shrink()
+              if (!widget.isPro)
+                UpgradeToProButton(
+                  onTap: () {
+                    _controller.hideTooltip();
+                    context.push(RouteLocations.promoScreen);
+                  },
+                )
             ],
           ),
         ),

frontend/lib/views/setting_view/components/settings_row.dart

@@ -2,8 +2,9 @@ import "package:flutter/material.dart";
 import "package:flutter_svg/flutter_svg.dart";
 import "package:frontend/exports.dart";
 import "package:provider/provider.dart";
+import "package:super_tooltip/super_tooltip.dart";
 
-class SettingsRow extends StatelessWidget {
+class SettingsRow extends StatefulWidget {
   const SettingsRow({
     super.key,
     this.chose,
@@ -21,8 +22,27 @@ class SettingsRow extends StatelessWidget {
   final void Function(bool)? onChanged;
   final bool? forceTabletLayout;
 
+  @override
+  State<SettingsRow> createState() => _SettingsRowState();
+}
+
+class _SettingsRowState extends State<SettingsRow> {
+  late final SuperTooltipController _tooltipController;
+
+  @override
+  void initState() {
+    super.initState();
+    _tooltipController = SuperTooltipController();
+  }
+
+  @override
+  void dispose() {
+    _tooltipController.dispose();
+    super.dispose();
+  }
+
   bool _isTablet(BuildContext context) {
-    return forceTabletLayout ?? MediaQuery.of(context).size.width >= 640;
+    return widget.forceTabletLayout ?? MediaQuery.of(context).size.width >= 640;
   }
 
   @override
@@ -40,7 +60,7 @@ class SettingsRow extends StatelessWidget {
             Row(
               children: [
                 Text(
-                  text,
+                  widget.text,
                   style: TextStyles.body2.copyWith(
                     color: isPro ? scheme.primary : ColorsConst.disabledColor,
                     fontSize: isTablet ? 25 : 16,
@@ -51,11 +71,12 @@ class SettingsRow extends StatelessWidget {
                 ),
                 ProFunctionsTooltip(
                   isPro: isPro,
-                  modalHeader: modalHeader,
+                  modalHeader: widget.modalHeader,
+                  controller: _tooltipController,
                   child: SvgPicture.asset(
                     "assets/images/icons/question_icon.svg",
                     colorFilter: ColorFilter.mode(
-                        isPro
+                      isPro
                             ? scheme.tertiaryContainer
                             : ColorsConst.disabledColor,
                         BlendMode.srcIn),
@@ -67,15 +88,21 @@ class SettingsRow extends StatelessWidget {
               data: ThemeData(useMaterial3: false),
               child: Switch(
                 materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
-                value: isPro ? chose! : false,
+                value: isPro ? widget.chose! : false,
                 inactiveThumbColor:
                     isPro ? scheme.surfaceTint : ColorsConst.disabledColor,
                 inactiveTrackColor: scheme.outline,
                 activeColor: scheme.inversePrimary,
                 activeTrackColor: ColorsConst.primaryColor100,
-                onChanged: onChanged,
+                onChanged: (value) {
+                  if (isPro) {
+                    widget.onChanged?.call(value);
+                  } else {
+                    _tooltipController.showTooltip();
+                  }
+                },
               ),
-            )
+            ),
           ],
         ),
       ),