paperless-mobile/lib/features/document_search/view/document_search_bar.dart

import 'package:animations/animations.dart';
import 'package:flutter/material.dart';
import 'package:flutter_cache_manager/flutter_cache_manager.dart';
import 'package:hive_flutter/adapters.dart';
import 'package:paperless_api/paperless_api.dart';
import 'package:paperless_mobile/core/config/hive/hive_config.dart';
import 'package:paperless_mobile/core/database/tables/local_user_account.dart';
import 'package:paperless_mobile/core/database/tables/local_user_app_state.dart';
import 'package:paperless_mobile/core/repository/label_repository.dart';
import 'package:paperless_mobile/core/repository/user_repository.dart';
import 'package:paperless_mobile/features/document_search/cubit/document_search_cubit.dart';
import 'package:paperless_mobile/features/document_search/view/document_search_page.dart';
import 'package:paperless_mobile/features/home/view/model/api_version.dart';
import 'package:paperless_mobile/features/settings/view/manage_accounts_page.dart';
import 'package:paperless_mobile/features/settings/view/widgets/global_settings_builder.dart';
import 'package:paperless_mobile/features/settings/view/widgets/user_avatar.dart';
import 'package:paperless_mobile/generated/l10n/app_localizations.dart';
import 'package:provider/provider.dart';

class DocumentSearchBar extends StatefulWidget {
  const DocumentSearchBar({super.key});

  @override
  State<DocumentSearchBar> createState() => _DocumentSearchBarState();
}

class _DocumentSearchBarState extends State<DocumentSearchBar> {
  @override
  Widget build(BuildContext context) {
    return OpenContainer(
      transitionType: ContainerTransitionType.fadeThrough,
      closedElevation: 1,
      middleColor: Theme.of(context).colorScheme.surfaceVariant,
      openColor: Theme.of(context).colorScheme.background,
      closedColor: Theme.of(context).colorScheme.surfaceVariant,
      closedShape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(56),
      ),
      closedBuilder: (_, action) {
        return InkWell(
          child: ConstrainedBox(
            constraints: const BoxConstraints(
              maxWidth: 720,
              minWidth: 360,
              maxHeight: 56,
              minHeight: 48,
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Flexible(
                  child: Padding(
                    padding: EdgeInsets.symmetric(horizontal: 8),
                    child: Row(
                      children: [
                        IconButton(
                          icon: Icon(Icons.menu),
                          onPressed: Scaffold.of(context).openDrawer,
                        ),
                        Expanded(
                          child: Hero(
                            tag: "search_hero_tag",
                            child: TextField(
                              enabled: false,
                              decoration: InputDecoration(
                                border: InputBorder.none,
                                hintText: S.of(context)!.searchDocuments,
                                hintStyle: TextStyle(
                                  color: Theme.of(context).colorScheme.onSurfaceVariant,
                                ),
                              ),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
                _buildUserAvatar(context),
              ],
            ),
          ),
        );
      },
      openBuilder: (_, action) {
        return MultiProvider(
          providers: [
            Provider.value(value: context.read<LabelRepository>()),
            Provider.value(value: context.read<PaperlessDocumentsApi>()),
            Provider.value(value: context.read<CacheManager>()),
            Provider.value(value: context.read<ApiVersion>()),
            Provider.value(value: context.read<UserRepository>()),
          ],
          child: Provider(
            create: (_) => DocumentSearchCubit(
              context.read(),
              context.read(),
              context.read(),
              Hive.box<LocalUserAppState>(HiveBoxes.localUserAppState)
                  .get(LocalUserAccount.current.id)!,
            ),
            builder: (_, __) => const DocumentSearchPage(),
          ),
        );
      },
    );
  }

  IconButton _buildUserAvatar(BuildContext context) {
    return IconButton(
      icon: GlobalSettingsBuilder(
        builder: (context, settings) {
          return ValueListenableBuilder(
            valueListenable: Hive.box<LocalUserAccount>(HiveBoxes.localUserAccount).listenable(),
            builder: (context, box, _) {
              final account = box.get(settings.currentLoggedInUser!)!;
              return UserAvatar(
                userId: settings.currentLoggedInUser!,
                account: account,
              );
            },
          );
        },
      ),
      onPressed: () {
        final apiVersion = context.read<ApiVersion>();
        showDialog(
          context: context,
          builder: (context) => Provider.value(
            value: apiVersion,
            child: const ManageAccountsPage(),
          ),
        );
      },
    );
  }
}