feat(#480): add drug selection page

app/lib/common/pages/drug/cubit.dart

@@ -16,17 +16,21 @@ class DrugCubit extends Cubit<DrugState> {
  if (value == null) return;
  final drug = state.whenOrNull(loaded: (drug, _) => drug);
  if (drug == null) return;
+ await setDrugActivity(drug, value);
+ emit(DrugState.loaded(drug, isActive: value));
+ }
+}
 
+// ignore: avoid_positional_boolean_parameters
+Future<void> setDrugActivity(Drug drug, bool value) async {
  final active = (UserData.instance.activeDrugNames ?? [])
- .filter((name) => name != _drug.name)
+ .filter((name) => name != drug.name)
  .toList();
  if (value) {
- active.add(_drug.name);
+ active.add(drug.name);
  }
  UserData.instance.activeDrugNames = active;
  await UserData.save();
- emit(DrugState.loaded(drug, isActive: value));
- }
 }
 
 @freezed

app/lib/common/routing/router.dart

@@ -1,4 +1,5 @@
 import '../../common/module.dart';
+import '../../drugselection/module.dart';
 import '../../faq/module.dart';
 import '../../login/module.dart';
 import '../../onboarding/module.dart';
@@ -12,6 +13,7 @@ part 'router.gr.dart';
 @MaterialAutoRouter(
  replaceInRouteName: 'Page,Route',
  routes: [
+ drugSelectionRoutes,
  loginRoutes,
  onboardingRoutes,
  AutoRoute(

app/lib/common/widgets/full_width_button.dart

@@ -0,0 +1,30 @@
+import '../module.dart';
+
+class FullWidthButton extends StatelessWidget {
+ const FullWidthButton(
+ this.text,
+ this.action, {
+ Key? key,
+ }) : super(key: key);
+
+ final String text;
+ final void Function() action;
+
+ @override
+ Widget build(BuildContext context) {
+ return SizedBox(
+ width: double.infinity,
+ child: ElevatedButton(
+ onPressed: action,
+ style: ButtonStyle(
+ shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+ RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(32),
+ ),
+ ),
+ ),
+ child: Text(text),
+ ),
+ );
+ }
+}

app/lib/drugselection/module.dart

@@ -0,0 +1,12 @@
+import '../common/module.dart';
+import 'pages/drugselection.dart';
+
+// We need to expose all pages for AutoRouter
+export 'pages/cubit.dart';
+export 'pages/drugselection.dart';
+
+const drugSelectionRoutes = AutoRoute(
+ path: 'drugselection',
+ name: 'DrugSelectionRouter',
+ page: DrugSelectionPage,
+);

app/lib/drugselection/pages/cubit.dart

@@ -0,0 +1,24 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+import '../../../common/module.dart';
+import '../../common/pages/drug/cubit.dart';
+
+part 'cubit.freezed.dart';
+
+class DrugSelectionPageCubit extends Cubit<DrugSelectionPageState> {
+ DrugSelectionPageCubit() : super(DrugSelectionPageState.stable());
+
+ // ignore: avoid_positional_boolean_parameters
+ Future<void> updateDrugActivity(Drug drug, bool? value) async {
+ if (value == null) return;
+ emit(DrugSelectionPageState.updating());
+ await setDrugActivity(drug, value);
+ emit(DrugSelectionPageState.stable());
+ }
+}
+
+@freezed
+class DrugSelectionPageState with _$DrugSelectionPageState {
+ const factory DrugSelectionPageState.stable() = _StableState;
+ const factory DrugSelectionPageState.updating() = _UpdatingState;
+}

app/lib/drugselection/pages/drugselection.dart

@@ -0,0 +1,78 @@
+import '../../common/models/drug/cached_drugs.dart';
+import '../../common/module.dart' hide MetaData;
+import '../../common/widgets/full_width_button.dart';
+import 'cubit.dart';
+
+class DrugSelectionPage extends HookWidget {
+ const DrugSelectionPage({
+ Key? key,
+ @visibleForTesting this.cubit,
+ }) : super(key: key);
+
+ final DrugSelectionPageCubit? cubit;
+
+ @override
+ Widget build(BuildContext context) {
+ return BlocProvider(
+ create: (context) => cubit ?? DrugSelectionPageCubit(),
+ child: BlocBuilder<DrugSelectionPageCubit, DrugSelectionPageState>(
+ builder: (context, state) {
+ return Scaffold(
+ body: SafeArea(
+ child: Padding(
+ padding: const EdgeInsets.all(16),
+ child: Column(
+ children: [
+ Padding(
+ padding: const EdgeInsets.all(8),
+ child: Column(
+ children: [
+ Text(
+ context.l10n.drug_selection_header,
+ style: PharMeTheme.textTheme.titleLarge),
+ SizedBox(height: PharMeTheme.mediumSpace),
+ Text(context.l10n.drug_selection_description),
+ SizedBox(height: PharMeTheme.mediumSpace),
+ Text(context.l10n.drug_selection_later),
+ SizedBox(height: PharMeTheme.mediumSpace),
+ ]),
+ ),
+ state.when(
+ stable: () =>
+ Column(
+ children: [
+ ListView(shrinkWrap: true,
+ children: CachedDrugs.instance.drugs!.map(
+ (drug) => CheckboxListTile(
+ value: UserData.instance.activeDrugNames!
+ .contains(drug.name),
+ onChanged: (value) {
+ context
+ .read<DrugSelectionPageCubit>()
+ .updateDrugActivity(drug, value); 
+ },
+ title: Text(drug.name.capitalize()),
+ subtitle: Text(
+ '(${drug.annotations.brandNames.join(", ")})'
+ ),
+ )).toList(),
+ ),
+ SizedBox(height: PharMeTheme.mediumSpace),
+ FullWidthButton(
+ context.l10n.general_continue,
+ () { context.router.replace(MainRoute()); }
+ ),
+ ]
+ ),
+ updating: CircularProgressIndicator.new,
+ ),
+ ],
+ ),
+ ),
+ ),
+ );
+ }
+ )
+ );
+ }
+}

app/lib/l10n/app_en.arb

@@ -6,6 +6,10 @@
  "auth_choose_lab": "Please select your data provider",
  "auth_sign_in": "Get data",
  "auth_success": "Successfully imported data",
+
+ "drug_selection_header": "Select active drugs",
+ "drug_selection_description": "Please select the drugs you are currently taking below. If you are not taking checked drugs anymore, you can uncheck them.",
+ "drug_selection_later": "You can always change the status for each drug later on a drug's detail page.",
 
  "err_could_not_retrieve_access_token": "An unexpected error occurred while retrieving the access token",
  "err_fetch_user_data_failed": "An unexpected error occurred while fetching your genomic data",

app/lib/login/pages/login.dart

@@ -1,6 +1,7 @@
 import 'package:dropdown_button2/dropdown_button2.dart';
 
 import '../../../common/module.dart';
+import '../../common/widgets/full_width_button.dart';
 import '../models/lab.dart';
 import 'cubit.dart';
 
@@ -163,21 +164,7 @@ class LoginPage extends HookWidget {
  children: [
  ...children,
  SizedBox(height: PharMeTheme.mediumSpace),
- SizedBox(
- width: double.infinity,
- child: ElevatedButton(
- onPressed: action,
- style: ButtonStyle(
- shape: MaterialStateProperty.all<RoundedRectangleBorder>(
- RoundedRectangleBorder(
- borderRadius: BorderRadius.circular(32),
- ),
- ),
- ),
- child: Text(actionText),
- ),
- ),
- ],
+ FullWidthButton(actionText, action ?? () {}), ],
  );
  }
 }

app/lib/onboarding/pages/onboarding.dart

@@ -155,7 +155,7 @@ class OnboardingPage extends HookWidget {
  key: Key('nextButton'),
  onPressed: () {
  if (isLastPage) {
- context.router.replace(MainRoute());
+ context.router.replace(DrugSelectionRouter());
  } else {
  pageController.nextPage(
  duration: Duration(milliseconds: 500),