main.dart

import 'dart:io';

import 'package:coffee_maker/entities/grouped_coffee_orders.dart';
import 'package:coffee_maker/entities/mock_coffee_orders.dart';
import 'package:coffee_maker/home/home_screen.dart';
import 'package:demo_ui_components/demo_ui_components.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'constants/demo_app_colors.dart';

void main() => runApp(const DemoApp());

class DemoApp extends StatefulWidget {
  const DemoApp({Key? key}) : super(key: key);

  @override
  State<DemoApp> createState() => _DemoAppState();
}

class _DemoAppState extends State<DemoApp> {
  @override
  void initState() {
    super.initState();
    SystemChrome.setSystemUIOverlayStyle(
      const SystemUiOverlayStyle(
        systemNavigationBarIconBrightness: Brightness.dark,
        systemNavigationBarDividerColor: DemoAppColors.white,
        systemNavigationBarColor: DemoAppColors.white,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      // This is needed to make the app working with CupertinoApp.
      // For more details on CupertinoApp support, see the "CupertinoApp Support" section in the README file.
      localizationsDelegates: const <LocalizationsDelegate<dynamic>>[
        DefaultMaterialLocalizations.delegate,
      ],
      scrollBehavior: const CustomScrollBehavior(),
      debugShowCheckedModeBanner: false,
      home: Theme(
        data: Theme.of(context).copyWith(
          primaryColor: DemoAppColors.blue,
          useMaterial3: true,
          inputDecorationTheme: const InputDecorationTheme(
            suffixStyle: TextStyle(
              fontSize: 16,
              fontWeight: FontWeight.w400,
              color: DemoAppColors.black64,
            ),
            contentPadding: EdgeInsetsDirectional.fromSTEB(16, 12, 16, 8),
            border: UnderlineInputBorder(borderSide: BorderSide.none),
            constraints: BoxConstraints(minHeight: 64),
            focusedBorder: OutlineInputBorder(
              borderSide: BorderSide(color: WoltColors.blue),
              borderRadius: BorderRadius.all(Radius.circular(8)),
            ),
            enabledBorder: OutlineInputBorder(
              borderSide: BorderSide(color: WoltColors.black16),
              borderRadius: BorderRadius.all(Radius.circular(8)),
            ),
            focusColor: WoltColors.blue,
          ),
          textTheme: TextTheme(
            headlineMedium: TextStyle(
              fontSize: 28,
              color: DemoAppColors.black,
              fontWeight: FontWeight.w800,
              letterSpacing: kIsWeb || Platform.isAndroid ? 0.2 : 0.12,
            ),
          ),
          typography: Typography.material2021(platform: defaultTargetPlatform),
          scaffoldBackgroundColor: DemoAppColors.white,
          indicatorColor: Colors.transparent,
          cardColor: DemoAppColors.white,
          cardTheme: CardTheme(
            elevation: 2,
            color: DemoAppColors.white,
            surfaceTintColor: DemoAppColors.white,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(12),
            ),
          ),
          outlinedButtonTheme: OutlinedButtonThemeData(
            style: OutlinedButton.styleFrom(
              textStyle: Theme.of(context)
                  .textTheme
                  .bodyMedium!
                  .copyWith(fontWeight: FontWeight.bold),
              foregroundColor: DemoAppColors.black,
              backgroundColor: DemoAppColors.white,
              surfaceTintColor: DemoAppColors.white,
              fixedSize: const Size.fromHeight(36),
              padding: const EdgeInsets.all(12),
              visualDensity: VisualDensity.compact,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(8)),
              side: BorderSide.none,
            ),
          ),
          navigationBarTheme: NavigationBarThemeData(
            height: 56,
            surfaceTintColor: Colors.transparent,
            backgroundColor: DemoAppColors.white,
            indicatorColor: Colors.transparent,
            labelBehavior: NavigationDestinationLabelBehavior.alwaysShow,
            labelTextStyle: MaterialStateProperty.resolveWith<TextStyle>(
              (state) {
                return TextStyle(
                  fontSize: 10,
                  color: state.contains(MaterialState.selected)
                      ? DemoAppColors.blue
                      : DemoAppColors.black64,
                );
              },
            ),
          ),
        ),
        child: HomeScreen(
          groupedCoffeeOrders:
              GroupedCoffeeOrders.fromCoffeeOrders(mockCoffeeOrders),
          isStoreOnline: true,
          isGridOverlayVisible: false,
        ),
      ),
    );
  }
}