feat: support unique slug for comic issues (#82)

* make bottom navigation to the old style

* support issue id as a string

lib/features/comic_issue/data/datasource/comic_issue_data_source.dart

@@ -8,7 +8,7 @@ import 'package:d_reader_flutter/shared/exceptions/exceptions.dart';
 abstract class ComicIssueDataSource {
   Future<Either<AppException, List<ComicIssueModel>>> getComicIssues(
       {String? queryString});
-  Future<Either<AppException, ComicIssueModel>> getComicIssue(int id);
+  Future<Either<AppException, ComicIssueModel>> getComicIssue(String id);
   Future<List<PageModel>> getComicIssuePages(int id);
   Future<void> favouritiseIssue(int id);
   Future<void> rateIssue({
@@ -32,7 +32,7 @@ class ComicIssueRemoteDataSource implements ComicIssueDataSource {
   }
 
   @override
-  Future<Either<AppException, ComicIssueModel>> getComicIssue(int id) async {
+  Future<Either<AppException, ComicIssueModel>> getComicIssue(String id) async {
     try {
       final response = await networkService.get('/comic-issue/get/$id');
       return response.fold(

lib/features/comic_issue/data/repositories/comic_issue_repository_impl.dart

@@ -17,7 +17,7 @@ class ComicIssueRepositoryImpl implements ComicIssueRepository {
   }
 
   @override
-  Future<Either<AppException, ComicIssueModel>> getComicIssue(int id) {
+  Future<Either<AppException, ComicIssueModel>> getComicIssue(String id) {
     return dataSource.getComicIssue(id);
   }
 

lib/features/comic_issue/domain/repositories/comic_issue_repository.dart

@@ -7,7 +7,7 @@ import 'package:d_reader_flutter/shared/exceptions/exceptions.dart';
 abstract class ComicIssueRepository {
   Future<Either<AppException, List<ComicIssueModel>>> getComicIssues(
       {String? queryString});
-  Future<Either<AppException, ComicIssueModel>> getComicIssue(int id);
+  Future<Either<AppException, ComicIssueModel>> getComicIssue(String id);
   Future<List<PageModel>> getComicIssuePages(int id);
   Future<void> favouritiseIssue(int id);
   Future<void> rateIssue({

lib/features/comic_issue/presentation/providers/comic_issue_providers.dart

@@ -16,7 +16,7 @@ part 'comic_issue_providers.g.dart';
 
 @riverpod
 Future<ComicIssueModel> comicIssueDetails(
-    ComicIssueDetailsRef ref, int id) async {
+    ComicIssueDetailsRef ref, String id) async {
   final response =
       await ref.read(comicIssueRepositoryProvider).getComicIssue(id);
   return response.fold((exception) {

lib/features/comic_issue/presentation/screens/comic_issue_details.dart

@@ -31,7 +31,7 @@ import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 class ComicIssueDetails extends ConsumerStatefulWidget {
-  final int id;
+  final String id;
   const ComicIssueDetails({
     super.key,
     required this.id,

lib/features/e_reader/presentation/screens/e_reader.dart

@@ -69,7 +69,7 @@ class _EReaderViewState extends ConsumerState<EReaderView>
     AsyncValue<List<PageModel>> pagesProvider =
         ref.watch(comicIssuePagesProvider(widget.issueId));
     AsyncValue<ComicIssueModel?> issueProvider =
-        ref.watch(comicIssueDetailsProvider(widget.issueId));
+        ref.watch(comicIssueDetailsProvider('${widget.issueId}'));
     final notifier = ref.read(isAppBarVisibleProvider.notifier);
     return NotificationListener(
       onNotification: (notification) {

lib/features/e_reader/presentation/widgets/bottom_navigation.dart

@@ -23,7 +23,7 @@ class EReaderBottomNavigation extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final provider = ref.watch(comicIssueDetailsProvider(issueId));
+    final provider = ref.watch(comicIssueDetailsProvider('$issueId'));
 
     return provider.maybeWhen(
       orElse: () {

lib/features/library/presentation/providers/owned/owned_controller.dart

@@ -37,7 +37,7 @@ class OwnedController extends _$OwnedController {
       goToNftDetails(ownedNfts.elementAt(properIndex).address);
     }
     final ComicIssueModel? comicIssue = await ref.read(
-      comicIssueDetailsProvider(comicIssueId).future,
+      comicIssueDetailsProvider('$comicIssueId').future,
     );
     ref.read(selectedIssueInfoProvider.notifier).update((state) => comicIssue);
   }

lib/main_dev.dart

@@ -83,12 +83,14 @@ class MyApp extends ConsumerWidget {
         ),
         navigationBarTheme: NavigationBarThemeData(
           height: 48,
-          labelTextStyle: MaterialStateProperty.all(
-            const TextStyle(
-              color: Colors.white,
+          labelTextStyle: MaterialStateProperty.resolveWith<TextStyle>(
+            (Set<MaterialState> states) => TextStyle(
+              color: states.contains(MaterialState.selected)
+                  ? ColorPalette.dReaderYellow100
+                  : Colors.white,
               fontSize: 12,
               fontWeight: FontWeight.w500,
-              letterSpacing: 0.2,
+              letterSpacing: .2,
             ),
           ),
         ),

lib/main_prod.dart

@@ -93,12 +93,14 @@ class MyApp extends ConsumerWidget {
         ),
         navigationBarTheme: NavigationBarThemeData(
           height: 48,
-          labelTextStyle: MaterialStateProperty.all(
-            const TextStyle(
-              color: Colors.white,
+          labelTextStyle: MaterialStateProperty.resolveWith<TextStyle>(
+            (Set<MaterialState> states) => TextStyle(
+              color: states.contains(MaterialState.selected)
+                  ? ColorPalette.dReaderYellow100
+                  : Colors.white,
               fontSize: 12,
               fontWeight: FontWeight.w500,
-              letterSpacing: 0.2,
+              letterSpacing: .2,
             ),
           ),
         ),

lib/routing/router.dart

@@ -151,7 +151,7 @@ final List<GoRoute> homeRoutes = [
         path: '${RoutePath.comicIssueDetails}/:id',
         builder: (context, state) {
           final id = state.pathParameters['id'] ?? '';
-          return ComicIssueDetails(id: int.parse(id));
+          return ComicIssueDetails(id: id);
         },
       ),
       GoRoute(

lib/shared/data/remote/notification_service.dart

@@ -19,9 +19,7 @@ handleNotificationAction(Map payload) {
     return routerNavigatorKey.currentState!.push(
       MaterialPageRoute(
         builder: (context) => ComicIssueDetails(
-          id: int.parse(
-            payload[NotificationDataKey.comicIssueId.stringValue],
-          ),
+          id: payload[NotificationDataKey.comicIssueId.stringValue],
         ),
       ),
     );

lib/shared/widgets/layout/bottom_navigation_item_icon.dart

@@ -1,3 +1,4 @@
+import 'package:d_reader_flutter/shared/theme/app_colors.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 
@@ -18,7 +19,7 @@ class BottomNavigationItemIcon extends StatelessWidget {
         imagePath,
         colorFilter: isActive
             ? const ColorFilter.mode(
-                Colors.white,
+                ColorPalette.dReaderYellow100,
                 BlendMode.srcIn,
               )
             : null,

lib/shared/widgets/layout/custom_bottom_navigation_bar.dart

@@ -2,7 +2,6 @@ import 'dart:ui';
 
 import 'package:d_reader_flutter/config/config.dart';
 import 'package:d_reader_flutter/shared/presentations/providers/global/scaffold_provider.dart';
-import 'package:d_reader_flutter/shared/theme/app_colors.dart';
 import 'package:d_reader_flutter/shared/widgets/layout/bottom_navigation_item_icon.dart';
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -32,10 +31,10 @@ class CustomBottomNavigationBar extends ConsumerWidget {
             },
             selectedIndex: ref.watch(scaffoldNavigationIndexProvider),
             backgroundColor: Colors.transparent,
-            indicatorColor: ColorPalette.dReaderYellow100,
+            indicatorColor: Colors.transparent,
             elevation: 0,
-            labelBehavior: NavigationDestinationLabelBehavior.onlyShowSelected,
-            animationDuration: const Duration(milliseconds: 700),
+            labelBehavior: NavigationDestinationLabelBehavior.alwaysShow,
+            overlayColor: const MaterialStatePropertyAll(Colors.transparent),
             destinations: const [
               NavigationDestination(
                 icon: BottomNavigationItemIcon(

lib/shared/widgets/scaffolds/d_reader_scaffold.dart

@@ -64,7 +64,8 @@ class _DReaderScaffoldState extends ConsumerState<DReaderScaffold> {
               AppBar(
                 backgroundColor: Colors.transparent,
                 shadowColor: Colors.transparent,
-                toolbarHeight: 40,
+                toolbarHeight: 42,
+                titleSpacing: 12,
                 title: const Text(
                   'Settings',
                   style: TextStyle(