Feature: Latest launch

lib/app/app.dart

@@ -2,6 +2,7 @@ import 'package:crew_member_repository/crew_member_repository.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:launch_repository/launch_repository.dart';
 import 'package:rocket_repository/rocket_repository.dart';
 import 'package:spacex_demo/home/home.dart';
 import 'package:spacex_demo/l10n/l10n.dart';
@@ -11,19 +12,23 @@ class App extends StatelessWidget {
     Key? key,
     required RocketRepository rocketRepository,
     required CrewMemberRepository crewMemberRepository,
+    required LaunchRepository launchRepository,
   })  : _rocketRepository = rocketRepository,
         _crewMemberRepository = crewMemberRepository,
+        _launchRepository = launchRepository,
         super(key: key);
 
   final RocketRepository _rocketRepository;
   final CrewMemberRepository _crewMemberRepository;
+  final LaunchRepository _launchRepository;
 
   @override
   Widget build(BuildContext context) {
     return MultiRepositoryProvider(
       providers: [
         RepositoryProvider.value(value: _rocketRepository),
         RepositoryProvider.value(value: _crewMemberRepository),
+        RepositoryProvider.value(value: _launchRepository)
       ],
       child: const AppView(),
     );

lib/home/widgets/home_page_content.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:spacex_demo/crew/crew.dart';
 import 'package:spacex_demo/home/home.dart';
 import 'package:spacex_demo/l10n/l10n.dart';
+import 'package:spacex_demo/launches/view/launches_page.dart';
 import 'package:spacex_demo/rockets/rockets.dart';
 
 class HomePageContent extends StatelessWidget {
@@ -15,6 +16,22 @@ class HomePageContent extends StatelessWidget {
       padding: const EdgeInsets.symmetric(vertical: 8),
       child: Column(
         children: [
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(
+                vertical: 8,
+                horizontal: 16,
+              ),
+              child: SpaceXCategoryCard(
+                key: const Key(
+                  'homePageContent_latestLaunch_spaceXCategoryCard',
+                ),
+                onTap: () => Navigator.of(context).push(LaunchesPage.route()),
+                title: Text(l10n.latestLaunchSpaceXTileTitle),
+                imageUrl: 'assets/images/img_spacex_launch.jpeg',
+              ),
+            ),
+          ),
           Expanded(
             child: Padding(
               padding: const EdgeInsets.symmetric(

lib/l10n/arb/app_en.arb

@@ -4,15 +4,23 @@
   "@homeAppBarTitle": {
     "description": "Text shown in the AppBar of the Home Page"
   },
-	"rocketSpaceXTileTitle": "Rockets",
-	"@rocketSpaceXTileTitle": {
-		"description": "Text included as title on the rockets tile on the home page"
-	},
-	"crewSpaceXTileTitle": "Crew",
-	"@crewSpaceXTileTitle": {
-		"description": "Text included as title on the crew tile on the home page"
-	},
-	"rocketsAppBarTitle": "Rockets",
+  "rocketSpaceXTileTitle": "Rockets",
+  "@rocketSpaceXTileTitle": {
+    "description": "Text included as title on the rockets tile on the home page"
+  },
+  "crewSpaceXTileTitle": "Crew",
+  "@crewSpaceXTileTitle": {
+    "description": "Text included as title on the crew tile on the home page"
+  },
+  "latestLaunchSpaceXTileTitle": "Latest Launch",
+  "@latestLaunchSpaceXTileTitle": {
+    "description": "Text included as title on the latest launch tile on the home page"
+  },
+  "latestLaunchAppBarTitle": "Latest Launch",
+  "@latestLaunchAppBarTitle": {
+    "description": "Text shown in the AppBar of the latest Launch Page"
+  },
+  "rocketsAppBarTitle": "Rockets",
   "@rocketsAppBarTitle": {
     "description": "Text shown in the AppBar of the Rockets Page"
   },
@@ -29,32 +37,45 @@
       }
     }
   },
+  "latestLaunchSubtitle": "Launched: {date}",
+  "@latestLaunchSubtitle": {
+    "description": "Subtitle text shown on the Launches Page that indicates the latest launch.",
+    "placeholders": {
+      "date": {
+        "example": "31-12-2021"
+      }
+    }
+  },
+  "openWebcastButtonText": "Open Webcast",
+  "@openWebcastButtonText": {
+    "description": "Button text shown on the Rocket Details Page that opens the corresponding Webcast page."
+  },
   "openWikipediaButtonText": "Open Wikipedia",
   "@openWikipediaButtonText": {
     "description": "Button text shown on the Rocket Details Page that opens the corresponding Wikipedia page."
   },
-	"crewAppBarTitle": "Crew",
+  "crewAppBarTitle": "Crew",
   "@crewAppBarTitle": {
     "description": "Text shown in the AppBar of the Crew Page"
   },
   "crewFetchErrorMessage": "Something went wrong while fetching crew members. Please try again later.",
   "@crewFetchErrorMessage": {
     "description": "Error text shown on the Home Page when an error occurred while fetching crew members."
   },
-	"crewMemberDetailsAgency": "Agency",
+  "crewMemberDetailsAgency": "Agency",
   "@crewMemberDetailsAgency": {
     "description": "Prefix word placed in the 1st subtitle of the crew member details page"
   },
-	"crewMemberDetailsParticipatedLaunches": "Has participated in",
+  "crewMemberDetailsParticipatedLaunches": "Has participated in",
   "@crewMemberDetailsParticipatedLaunches": {
     "description": "Prefix text placed in the 2nd subtitle of the crew member details page"
   },
-	"crewMemberDetailsLaunch": "launch",
+  "crewMemberDetailsLaunch": "launch",
   "@crewMemberDetailsLaunch": {
     "description": "Singular suffix word placed in the 2nd subtitle of the crew member details page"
   },
-	"crewMemberDetailsLaunches": "launches",
+  "crewMemberDetailsLaunches": "launches",
   "@crewMemberDetailsLaunches": {
     "description": "Plural suffix word placed in the 2nd subtitle of the crew member details page"
   }
-}
+}

lib/launches/cubit/launches_cubit.dart

@@ -0,0 +1,41 @@
+import 'package:bloc/bloc.dart';
+import 'package:equatable/equatable.dart';
+import 'package:launch_repository/launch_repository.dart';
+import 'package:spacex_api/spacex_api.dart';
+
+part 'launches_state.dart';
+
+class LaunchesCubit extends Cubit<LaunchesState> {
+  LaunchesCubit({
+    required LaunchRepository launchRepository,
+  })  : _launchRepository = launchRepository,
+        super(const LaunchesState());
+
+  final LaunchRepository _launchRepository;
+
+  Future<void> fetchLatestLaunch() async {
+    emit(
+      LaunchesState(
+        status: LaunchesStatus.loading,
+        latestLaunch: state.latestLaunch,
+      ),
+    );
+
+    try {
+      final latestLaunch = await _launchRepository.fetchLatestLaunch();
+      emit(
+        LaunchesState(
+          status: LaunchesStatus.success,
+          latestLaunch: latestLaunch,
+        ),
+      );
+    } on Exception {
+      emit(
+        LaunchesState(
+          status: LaunchesStatus.failure,
+          latestLaunch: state.latestLaunch,
+        ),
+      );
+    }
+  }
+}

lib/launches/cubit/launches_state.dart

@@ -0,0 +1,16 @@
+part of 'launches_cubit.dart';
+
+enum LaunchesStatus { initial, loading, success, failure }
+
+class LaunchesState extends Equatable {
+  const LaunchesState({
+    this.status = LaunchesStatus.initial,
+    this.latestLaunch,
+  });
+
+  final LaunchesStatus status;
+  final Launch? latestLaunch;
+
+  @override
+  List<Object?> get props => [status, latestLaunch];
+}

lib/launches/launches.dart

@@ -0,0 +1,2 @@
+export 'cubit/launches_cubit.dart';
+export 'view/launches_page.dart';

lib/launches/view/launches_page.dart

@@ -0,0 +1,178 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:launch_repository/launch_repository.dart';
+import 'package:spacex_demo/l10n/l10n.dart';
+import 'package:spacex_demo/launches/cubit/launches_cubit.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class LaunchesPage extends StatelessWidget {
+  const LaunchesPage({Key? key}) : super(key: key);
+
+  static Route<LaunchesPage> route() {
+    return MaterialPageRoute(
+      builder: (context) => const LaunchesPage(),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (_) => LaunchesCubit(
+        launchRepository: context.read<LaunchRepository>(),
+      )..fetchLatestLaunch(),
+      child: const LaunchesView(),
+    );
+  }
+}
+
+class LaunchesView extends StatelessWidget {
+  const LaunchesView({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(l10n.latestLaunchAppBarTitle),
+      ),
+      body: const Center(
+        child: _LaunchesContent(),
+      ),
+    );
+  }
+}
+
+class _LaunchesContent extends StatelessWidget {
+  const _LaunchesContent({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+    final status = context.select((LaunchesCubit cubit) => cubit.state.status);
+
+    switch (status) {
+      case LaunchesStatus.initial:
+        return const SizedBox(
+          key: Key('launchesView_initial_sizedBox'),
+        );
+      case LaunchesStatus.loading:
+        return const Center(
+          key: Key('launchesView_loading_indicator'),
+          child: CircularProgressIndicator.adaptive(),
+        );
+      case LaunchesStatus.failure:
+        return Center(
+          key: const Key('launchesView_failure_text'),
+          child: Text(l10n.rocketsFetchErrorMessage),
+        );
+      case LaunchesStatus.success:
+        return const _LatestLaunch(
+          key: Key('launchesView_success_rocketList'),
+        );
+    }
+  }
+}
+
+class _LatestLaunch extends StatelessWidget {
+  const _LatestLaunch({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = context.l10n;
+
+    final latestLaunch =
+        context.select((LaunchesCubit cubit) => cubit.state.latestLaunch!);
+
+    return Container(
+      padding: const EdgeInsets.only(top: 10),
+      child: Column(
+        children: [
+          ListTile(
+            title: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceAround,
+              children: [
+                CircleAvatar(
+                  backgroundImage: NetworkImage(latestLaunch.links.patch.small),
+                  radius: 50,
+                ),
+                Expanded(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.spaceAround,
+                    children: [
+                      Row(
+                        children: [
+                          Text(latestLaunch.name),
+                        ],
+                      ),
+                      Row(
+                        children: [
+                          Text('${latestLaunch.flightNumber}'),
+                        ],
+                      ),
+                    ],
+                  ),
+                )
+              ],
+            ),
+            subtitle: latestLaunch.dateUtc == null
+                ? null
+                : Text(
+                    l10n.latestLaunchSubtitle(
+                      DateFormat('dd-MM-yyyy hh:mm')
+                          .format(latestLaunch.dateUtc!),
+                    ),
+                  ),
+          ),
+          const SizedBox(
+            height: 35,
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceAround,
+            children: [
+              Container(
+                alignment: Alignment.bottomCenter,
+                child: SizedBox(
+                  height: 64,
+                  child: ElevatedButton(
+                    key: const Key(
+                      'launchesPage_openWebcast_elevatedButton',
+                    ),
+                    onPressed: () async {
+                      final url = latestLaunch.links.webcast;
+
+                      if (await canLaunch(url)) {
+                        await launch(url);
+                      }
+                    },
+                    child: Text(l10n.openWebcastButtonText),
+                  ),
+                ),
+              ),
+              Container(
+                alignment: Alignment.bottomCenter,
+                child: SizedBox(
+                  height: 64,
+                  child: ElevatedButton(
+                    key: const Key(
+                      'launchesPage_openWikipedia_elevatedButton',
+                    ),
+                    onPressed: () async {
+                      final url = latestLaunch.links.wikipedia;
+
+                      if (await canLaunch(url)) {
+                        await launch(url);
+                      }
+                    },
+                    child: Text(l10n.openWikipediaButtonText),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}