Files
MrbWebLibre/app/lib/features/chat_archive/presentation/screens/detail.dart
T

126 lines
4.4 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
import 'package:flutter_material_design_icons/flutter_material_design_icons.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/core/routing/routes.dart';
import 'package:lensai/features/chat_archive/data/services/file.dart';
import 'package:lensai/features/chat_archive/domain/entities/chat_entity.dart';
import 'package:lensai/features/chat_archive/domain/repositories/archive.dart';
import 'package:lensai/features/chat_archive/utils/markdown_to_text.dart';
import 'package:lensai/features/geckoview/domain/repositories/tab.dart';
import 'package:lensai/presentation/widgets/failure_widget.dart';
import 'package:skeletonizer/skeletonizer.dart';
class ChatArchiveDetailScreen extends HookConsumerWidget {
final String fileName;
const ChatArchiveDetailScreen(this.fileName, {super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final chatAsync = ref.watch(readArchivedChatProvider(fileName));
final entity = useMemoized(() => ChatEntity.fromFileName(fileName));
return Scaffold(
appBar: AppBar(
title: Text(entity.toString()),
actions: [
MenuAnchor(
builder: (context, controller, child) {
return IconButton(
onPressed: () {
if (controller.isOpen) {
controller.close();
} else {
controller.open();
}
},
icon: const Icon(Icons.more_vert),
);
},
menuChildren: [
MenuItemButton(
onPressed: () async {
if (chatAsync.valueOrNull != null) {
await Clipboard.setData(
ClipboardData(
text: await Future(
() => markdownToText(chatAsync.valueOrNull!),
),
),
);
}
},
leadingIcon: const Icon(MdiIcons.textLong),
child: const Text('Copy as plain text'),
),
MenuItemButton(
onPressed: () async {
if (chatAsync.valueOrNull != null) {
await Clipboard.setData(
ClipboardData(text: chatAsync.valueOrNull!),
);
}
},
// ignore: deprecated_member_use use this icon for now
leadingIcon: const Icon(MdiIcons.languageMarkdown),
child: const Text('Copy as markdown'),
),
const Divider(),
MenuItemButton(
onPressed: () async {
await ref
.read(chatArchiveFileServiceProvider.notifier)
.delete(fileName);
if (context.mounted) {
context.pop();
}
},
leadingIcon: const Icon(Icons.delete),
child: const Text('Delete'),
),
],
),
],
),
body: Skeletonizer(
enabled: chatAsync.isLoading,
justifyMultiLineText: false,
child: chatAsync.when(
data:
(data) => Markdown(
data: data,
selectable: true,
onTapLink: (text, href, title) async {
if (href != null) {
if (Uri.parse(href) case final Uri url) {
await ref
.read(tabRepositoryProvider.notifier)
.addTab(url: url);
if (context.mounted) {
context.go(BrowserRoute().location);
}
}
}
},
),
error: (error, stackTrace) {
return FailureWidget(
title: 'Could not load chat',
exception: error,
onRetry: () => ref.refresh(readArchivedChatProvider(fileName)),
);
},
loading: () => const Bone.multiText(lines: 15),
),
),
);
}
}