loading state and error handling refactor

lib/view/pages/talk/widgets/chat_textfield.dart

@@ -12,6 +12,7 @@ import '../../../../api/marianumcloud/talk/sendMessage/sendMessageParams.dart';
 import '../../../../api/marianumcloud/webdav/webdavApi.dart';
 import '../../../../state/app/modules/chat/bloc/chat_bloc.dart';
 import '../../../../state/app/modules/settings/bloc/settings_cubit.dart';
+import '../../../../widget/async_action_button.dart';
 import '../../../../widget/file_pick.dart';
 import '../../../../widget/focus_behaviour.dart';
 import '../../files/files_upload_dialog.dart';
@@ -30,7 +31,8 @@ class ChatTextfield extends StatefulWidget {
 class _ChatTextfieldState extends State<ChatTextfield> {
   late SettingsCubit settings;
   final TextEditingController _textBoxController = TextEditingController();
-  bool isLoading = false;
+  final AsyncActionController _sendController = AsyncActionController();
+  String? _sendError;
 
   void share(String shareFolder, List<String> filePaths) {
     for (final element in filePaths) {
@@ -92,6 +94,29 @@ class _ChatTextfieldState extends State<ChatTextfield> {
     }
   }
 
+  @override
+  void dispose() {
+    _sendController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _sendMessage(ChatBloc chatBloc) async {
+    if (_textBoxController.text.isEmpty) return;
+    final text = _textBoxController.text;
+    final replyTo = chatBloc.state.data?.referenceMessageId?.toString();
+    setState(() => _sendError = null);
+    await SendMessage(
+      widget.sendToToken,
+      SendMessageParams(text, replyTo: replyTo),
+    ).run();
+    if (!mounted) return;
+    chatBloc.refresh();
+    _textBoxController.text = '';
+    _setDraft('');
+    chatBloc.setReferenceMessageId(null);
+    _setDraftReply(null);
+  }
+
   @override
   Widget build(BuildContext context) {
     _textBoxController.text = settings.val().talkSettings.drafts[widget.sendToToken] ?? '';
@@ -135,6 +160,14 @@ class _ChatTextfieldState extends State<ChatTextfield> {
           child: Column(
             children: [
               replyBanner,
+              if (_sendError != null)
+                Padding(
+                  padding: const EdgeInsets.only(bottom: 4),
+                  child: Text(
+                    _sendError!,
+                    style: TextStyle(color: Theme.of(context).colorScheme.error, fontSize: 12),
+                  ),
+                ),
               Row(children: <Widget>[
                 GestureDetector(
                   onTap: () {
@@ -200,36 +233,19 @@ class _ChatTextfieldState extends State<ChatTextfield> {
                   ),
                 ),
                 const SizedBox(width: 15),
-                FloatingActionButton(
-                  mini: true,
-                  onPressed: () {
-                    if (_textBoxController.text.isEmpty || isLoading) return;
-
-                    setState(() => isLoading = true);
-                    SendMessage(
-                      widget.sendToToken,
-                      SendMessageParams(
-                        _textBoxController.text,
-                        replyTo: chatBloc.state.data?.referenceMessageId?.toString(),
-                      ),
-                    ).run().then((_) {
-                      if (!mounted) return;
-                      chatBloc.refresh();
-                      setState(() => isLoading = false);
-                      _textBoxController.text = '';
-                      _setDraft('');
-                      chatBloc.setReferenceMessageId(null);
-                      _setDraftReply(null);
-                    });
-                  },
-                  backgroundColor: Theme.of(context).primaryColor,
-                  elevation: 5,
-                  child: isLoading
-                      ? Container(
-                          padding: const EdgeInsets.all(10),
-                          child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2),
-                        )
-                      : const Icon(Icons.send, color: Colors.white, size: 18),
+                ValueListenableBuilder<TextEditingValue>(
+                  valueListenable: _textBoxController,
+                  builder: (context, value, _) => AsyncFab(
+                    mini: true,
+                    heroTag: 'chatSend_${widget.sendToToken}',
+                    icon: Icons.send,
+                    backgroundColor: Theme.of(context).primaryColor,
+                    foregroundColor: Colors.white,
+                    controller: _sendController,
+                    onPressed: value.text.trim().isEmpty ? null : () => _sendMessage(chatBloc),
+                    onError: (message) => setState(() => _sendError = message),
+                    onSuccess: () => setState(() => _sendError = null),
+                  ),
                 ),
               ]),
             ],