fix(initializing): Move bloc provider from provider picker to initialization page

routes-refactor
NaiJi ✨ 2022-10-19 18:43:01 +04:00
parent ea85ce6064
commit b40ab17197
2 changed files with 80 additions and 63 deletions

View File

@ -2,6 +2,7 @@ import 'package:cubit_form/cubit_form.dart';
import 'package:easy_localization/easy_localization.dart'; import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:selfprivacy/config/brand_theme.dart'; import 'package:selfprivacy/config/brand_theme.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/provider_form_cubit.dart';
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart'; import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
import 'package:selfprivacy/logic/cubit/forms/factories/field_cubit_factory.dart'; import 'package:selfprivacy/logic/cubit/forms/factories/field_cubit_factory.dart';
import 'package:selfprivacy/logic/cubit/forms/setup/initializing/backblaze_form_cubit.dart'; import 'package:selfprivacy/logic/cubit/forms/setup/initializing/backblaze_form_cubit.dart';
@ -143,13 +144,29 @@ class InitializingPage extends StatelessWidget {
Widget _stepServerProviderToken( Widget _stepServerProviderToken(
final ServerInstallationCubit serverInstallationCubit, final ServerInstallationCubit serverInstallationCubit,
) => ) =>
const ServerProviderPicker(); BlocProvider(
create: (final context) => ProviderFormCubit(serverInstallationCubit),
child: Builder(
builder: (final context) {
final providerCubit = context.watch<ProviderFormCubit>();
return ServerProviderPicker(
formCubit: providerCubit,
serverInstallationCubit: serverInstallationCubit,
);
},
),
);
Widget _stepServerType( Widget _stepServerType(
final ServerInstallationCubit serverInstallationCubit, final ServerInstallationCubit serverInstallationCubit,
) => ) =>
ServerTypePicker( BlocProvider(
create: (final context) => ProviderFormCubit(serverInstallationCubit),
child: Builder(
builder: (final context) => ServerTypePicker(
serverInstallationCubit: serverInstallationCubit, serverInstallationCubit: serverInstallationCubit,
),
),
); );
void _showModal(final BuildContext context, final Widget widget) { void _showModal(final BuildContext context, final Widget widget) {

View File

@ -11,9 +11,14 @@ import 'package:selfprivacy/ui/components/brand_md/brand_md.dart';
class ServerProviderPicker extends StatefulWidget { class ServerProviderPicker extends StatefulWidget {
const ServerProviderPicker({ const ServerProviderPicker({
required this.formCubit,
required this.serverInstallationCubit,
super.key, super.key,
}); });
final ProviderFormCubit formCubit;
final ServerInstallationCubit serverInstallationCubit;
@override @override
State<ServerProviderPicker> createState() => _ServerProviderPickerState(); State<ServerProviderPicker> createState() => _ServerProviderPickerState();
} }
@ -32,11 +37,13 @@ class _ServerProviderPickerState extends State<ServerProviderPicker> {
switch (selectedProvider) { switch (selectedProvider) {
case ServerProvider.unknown: case ServerProvider.unknown:
return ProviderSelectionPage( return ProviderSelectionPage(
serverInstallationCubit: widget.serverInstallationCubit,
callback: setProvider, callback: setProvider,
); );
case ServerProvider.hetzner: case ServerProvider.hetzner:
return ProviderInputDataPage( return ProviderInputDataPage(
providerCubit: widget.formCubit,
providerInfo: ProviderPageInfo( providerInfo: ProviderPageInfo(
providerType: ServerProvider.hetzner, providerType: ServerProvider.hetzner,
pathToHow: 'hetzner_how', pathToHow: 'hetzner_how',
@ -49,6 +56,7 @@ class _ServerProviderPickerState extends State<ServerProviderPicker> {
case ServerProvider.digitalOcean: case ServerProvider.digitalOcean:
return ProviderInputDataPage( return ProviderInputDataPage(
providerCubit: widget.formCubit,
providerInfo: ProviderPageInfo( providerInfo: ProviderPageInfo(
providerType: ServerProvider.digitalOcean, providerType: ServerProvider.digitalOcean,
pathToHow: 'hetzner_how', pathToHow: 'hetzner_how',
@ -77,20 +85,15 @@ class ProviderPageInfo {
class ProviderInputDataPage extends StatelessWidget { class ProviderInputDataPage extends StatelessWidget {
const ProviderInputDataPage({ const ProviderInputDataPage({
required this.providerInfo, required this.providerInfo,
required this.providerCubit,
super.key, super.key,
}); });
final ProviderPageInfo providerInfo; final ProviderPageInfo providerInfo;
final ProviderFormCubit providerCubit;
@override @override
Widget build(final BuildContext context) => BlocProvider( Widget build(final BuildContext context) => Column(
create: (final context) => ProviderFormCubit(
context.watch<ServerInstallationCubit>(),
),
child: Builder(
builder: (final context) {
final formCubitState = context.watch<ProviderFormCubit>().state;
return Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
providerInfo.image, providerInfo.image,
@ -101,7 +104,7 @@ class ProviderInputDataPage extends StatelessWidget {
), ),
const Spacer(), const Spacer(),
CubitFormTextField( CubitFormTextField(
formFieldCubit: context.read<ProviderFormCubit>().apiKey, formFieldCubit: providerCubit.apiKey,
textAlign: TextAlign.center, textAlign: TextAlign.center,
scrollPadding: const EdgeInsets.only(bottom: 70), scrollPadding: const EdgeInsets.only(bottom: 70),
decoration: const InputDecoration( decoration: const InputDecoration(
@ -111,9 +114,9 @@ class ProviderInputDataPage extends StatelessWidget {
const Spacer(), const Spacer(),
FilledButton( FilledButton(
title: 'basis.connect'.tr(), title: 'basis.connect'.tr(),
onPressed: () => formCubitState.isSubmitting onPressed: () => providerCubit.state.isSubmitting
? null ? null
: () => context.read<ProviderFormCubit>().trySubmit(), : () => providerCubit.trySubmit(),
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
OutlinedButton( OutlinedButton(
@ -140,18 +143,17 @@ class ProviderInputDataPage extends StatelessWidget {
), ),
], ],
); );
},
),
);
} }
class ProviderSelectionPage extends StatelessWidget { class ProviderSelectionPage extends StatelessWidget {
const ProviderSelectionPage({ const ProviderSelectionPage({
required this.callback, required this.callback,
required this.serverInstallationCubit,
super.key, super.key,
}); });
final Function callback; final Function callback;
final ServerInstallationCubit serverInstallationCubit;
@override @override
Widget build(final BuildContext context) => Column( Widget build(final BuildContext context) => Column(
@ -173,8 +175,7 @@ class ProviderSelectionPage extends StatelessWidget {
children: [ children: [
InkWell( InkWell(
onTap: () { onTap: () {
context serverInstallationCubit
.read<ServerInstallationCubit>()
.setServerProviderType(ServerProvider.hetzner); .setServerProviderType(ServerProvider.hetzner);
callback(ServerProvider.hetzner); callback(ServerProvider.hetzner);
}, },
@ -188,8 +189,7 @@ class ProviderSelectionPage extends StatelessWidget {
), ),
InkWell( InkWell(
onTap: () { onTap: () {
context serverInstallationCubit
.read<ServerInstallationCubit>()
.setServerProviderType(ServerProvider.digitalOcean); .setServerProviderType(ServerProvider.digitalOcean);
callback(ServerProvider.digitalOcean); callback(ServerProvider.digitalOcean);
}, },