feat(#567): show affected drugs

hpi-dhc · Apr 14, 2023 · f3811c3 · f3811c3
1 parent 89afd2f
commit f3811c3
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 32 deletions.
diff --git a/app/lib/l10n/app_en.arb b/app/lib/l10n/app_en.arb
@@ -98,6 +98,8 @@
   "gene_page_genotype_tooltip": "The genotype describes your personal variant of this gene.",
   "gene_page_phenotype": "Phenotype",
   "gene_page_phenotype_tooltip": "The phenotype describes the effect that your personal variant of this gene has on the enzyme it encodes.",
+  "gene_page_affected_drugs": "Affected drugs",
+  "gene_page_affected_drugs_tooltip": "The drugs listed here are affected by your variant of this gene.",
 
   "nav_report": "Report",
   "tab_report": "Gene report",

diff --git a/app/lib/report/module.dart b/app/lib/report/module.dart
@@ -1,4 +1,5 @@
 import '../common/module.dart';
+import '../search/module.dart';
 import 'pages/gene.dart';
 import 'pages/report.dart';
 
@@ -12,5 +13,6 @@ const reportRoutes = AutoRoute(
   children: [
     AutoRoute(path: '', page: ReportPage),
     AutoRoute(page: GenePage),
+    AutoRoute(page: DrugPage)
   ],
 );
diff --git a/app/lib/report/pages/gene.dart b/app/lib/report/pages/gene.dart
@@ -2,43 +2,61 @@ import '../../common/module.dart';
 import '../../common/pages/drug/widgets/sub_header.dart';
 import '../../common/pages/drug/widgets/tooltip_icon.dart';
 
-class GenePage extends StatelessWidget {
-  const GenePage(this.phenotype);
+class GenePage extends HookWidget {
+  GenePage(this.phenotype)
+      : cubit = DrugListCubit(
+          initialFilter: FilterState.forGene(phenotype.geneSymbol),
+        );
+
   final CpicPhenotype phenotype;
+  final DrugListCubit cubit;
 
   @override
   Widget build(BuildContext context) {
-    return pageScaffold(
-        title: context.l10n.gene_page_headline(phenotype.geneSymbol),
-        body: [
-          Padding(
-            padding: EdgeInsets.symmetric(horizontal: 12, vertical: 16),
-            child:
-                Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
-              SubHeader(
-                context.l10n.gene_page_your_variant(phenotype.geneSymbol),
-                tooltip:
-                    context.l10n.gene_page_name_tooltip(phenotype.geneSymbol),
-              ),
-              SizedBox(height: 12),
-              RoundedCard(
-                child: Table(
-                    columnWidths: Map.from({
-                      0: IntrinsicColumnWidth(),
-                      1: IntrinsicColumnWidth(flex: 1),
-                    }),
-                    children: [
-                      _buildRow(
-                          context.l10n.gene_page_genotype, phenotype.genotype,
-                          tooltip: context.l10n.gene_page_genotype_tooltip),
-                      _buildRow(context.l10n.gene_page_phenotype,
-                          UserData.phenotypeFor(phenotype.geneSymbol)!,
-                          tooltip: context.l10n.gene_page_phenotype_tooltip),
-                    ]),
+    return BlocProvider(
+      create: (context) => cubit,
+      child: BlocBuilder<DrugListCubit, DrugListState>(
+        builder: (context, state) => pageScaffold(
+          title: context.l10n.gene_page_headline(phenotype.geneSymbol),
+          body: [
+            Padding(
+              padding: EdgeInsets.symmetric(horizontal: 12, vertical: 16),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  SubHeader(
+                    context.l10n.gene_page_your_variant(phenotype.geneSymbol),
+                    tooltip: context.l10n
+                        .gene_page_name_tooltip(phenotype.geneSymbol),
+                  ),
+                  SizedBox(height: 12),
+                  RoundedCard(
+                    child: Table(
+                      columnWidths: Map.from({
+                        0: IntrinsicColumnWidth(),
+                        1: IntrinsicColumnWidth(flex: 1),
+                      }),
+                      children: [
+                        _buildRow(
+                            context.l10n.gene_page_genotype, phenotype.genotype,
+                            tooltip: context.l10n.gene_page_genotype_tooltip),
+                        _buildRow(context.l10n.gene_page_phenotype,
+                            UserData.phenotypeFor(phenotype.geneSymbol)!,
+                            tooltip: context.l10n.gene_page_phenotype_tooltip),
+                      ],
+                    ),
+                  ),
+                  SizedBox(height: 12),
+                  SubHeader(context.l10n.gene_page_affected_drugs,
+                      tooltip: context.l10n.gene_page_affected_drugs_tooltip),
+                  ...buildDrugList(context, state)
+                ],
               ),
-            ]),
-          ),
-        ]);
+            ),
+          ],
+        ),
+      ),
+    );
   }
 
   TableRow _buildRow(String key, String value, {String? tooltip}) =>