2차 팀 프로젝트 : BookBox (Front & Back)

import 'package:bookbox/core/constants/styles.dart';
import 'package:bookbox/ui/_components/splash_screen.dart';
import 'package:bookbox/ui/admin/admin_page.dart';
import 'package:bookbox/ui/main/main_page.dart';
import 'package:bookbox/ui/user/join/join_page.dart';
import 'package:bookbox/ui/user/login/login_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

void main() {
  runApp(
    ProviderScope(
      child: MyApp(),
    ),
  );
}

class MyApp extends ConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    // 테마 상태를 가져옴
    final themeMode = ref.watch(themeNotifierProvider);

    return MaterialApp(
      navigatorKey: navigatorKey,
      debugShowCheckedModeBanner: false,
      home: SplashPage(),
      //initialRoute: "/login",
      //initialRoute: "/home",
      routes: {
        "/login": (context) => LoginPage(),
        "/join": (context) => const JoinPage(),
        "/home": (context) => MainPage(),
        "/admin": (context) => const AdminPage(),
      },

      theme: lightTheme(),
      darkTheme: ThemeData.dark(),
      themeMode: themeMode, // 테마 모드 설정
    );
  }
}

// 라이트 모드 테마
ThemeData lightTheme() {
  return ThemeData(
    scaffoldBackgroundColor: Colors.white,
    textTheme: lightTextTheme(),
    appBarTheme: lightAppBarTheme(),
    bottomNavigationBarTheme: lightBottomNavigatorTheme(),
    primarySwatch: Colors.lightBlue,
  );
}

// 다크 모드 테마
ThemeData darkTheme() {
  return ThemeData(
    scaffoldBackgroundColor: Colors.black,
    textTheme: darkTextTheme(),
    appBarTheme: darkAppBarTheme(),
    bottomNavigationBarTheme: darkBottomNavigatorTheme(),
    primarySwatch: Colors.lightBlue,
  );
}

// 테마 모드를 관리하는 StateNotifier
class ThemeNotifier extends StateNotifier<ThemeMode> {
  static const _themePrefKey = 'theme_mode';

  ThemeNotifier() : super(ThemeMode.light) {
    _loadTheme(); // 테마 로드
  }

  // 다크 모드를 토글하는 메서드
  void toggleTheme(bool isDarkMode) async {
    if (isDarkMode) {
      state = ThemeMode.dark;
    } else {
      state = ThemeMode.light;
    }
    await _saveTheme(); // 테마 저장
  }

// 테마를 SharedPreferences에 저장하는 메서드
  Future<void> _saveTheme() async {
    final prefs = await SharedPreferences.getInstance();
    await prefs.setBool(_themePrefKey, state == ThemeMode.dark);
  }

// 앱 시작 시 저장된 테마를 불러오는 메서드
  Future<void> _loadTheme() async {
    final prefs = await SharedPreferences.getInstance();
    final isDarkMode = prefs.getBool(_themePrefKey) ?? false; // 기본값은 라이트 모드
    state = isDarkMode ? ThemeMode.dark : ThemeMode.light;
  }
}

// StateNotifierProvider를 사용하여 테마 상태 제공
final themeNotifierProvider =
    StateNotifierProvider<ThemeNotifier, ThemeMode>((ref) {
  return ThemeNotifier();
});