import 'package:cubit_form/cubit_form.dart'; import 'package:easy_localization/easy_localization.dart'; import 'package:flutter/material.dart'; import 'package:selfprivacy/config/brand_theme.dart'; import 'package:selfprivacy/logic/cubit/forms/setup/initializing/cloudflare_form_cubit.dart'; import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart'; import 'package:selfprivacy/ui/components/brand_bottom_sheet/brand_bottom_sheet.dart'; import 'package:selfprivacy/ui/components/brand_button/brand_button.dart'; import 'package:selfprivacy/ui/components/brand_hero_screen/brand_hero_screen.dart'; import 'package:selfprivacy/ui/components/brand_md/brand_md.dart'; class RecoveryConfirmCloudflare extends StatelessWidget { const RecoveryConfirmCloudflare({Key? key}) : super(key: key); @override Widget build(BuildContext context) { var appConfig = context.watch(); return BlocProvider( create: (context) => CloudFlareFormCubit(appConfig), child: Builder(builder: (context) { var formCubitState = context.watch().state; return BrandHeroScreen( heroTitle: 'recovering.confirm_cloudflare'.tr(), heroSubtitle: 'recovering.confirm_cloudflare_description'.tr(args: [ appConfig.state.serverDomain?.domainName ?? 'your domain' ]), hasBackButton: true, hasFlashButton: false, children: [ CubitFormTextField( formFieldCubit: context.read().apiKey, decoration: InputDecoration( border: const OutlineInputBorder(), labelText: 'initializing.5'.tr(), ), ), const SizedBox(height: 16), BrandButton.rised( onPressed: formCubitState.isSubmitting ? null : () => context.read().trySubmit(), text: 'basis.connect'.tr(), ), const SizedBox(height: 16), BrandButton.text( onPressed: () => showModalBottomSheet( context: context, isScrollControlled: true, backgroundColor: Colors.transparent, builder: (BuildContext context) { return const BrandBottomSheet( isExpended: true, child: Padding( padding: paddingH15V0, child: BrandMarkdown( fileName: 'how_cloudflare', ), ), ); }, ), title: 'initializing.how'.tr(), ), ], ); }), ); } }