Implement settings

flutter/lib/pages/message_view/message_view.dart

@@ -5,6 +5,7 @@ import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:share_plus/share_plus.dart';
 import 'package:simplecloudnotifier/api/api_client.dart';
+import 'package:simplecloudnotifier/components/error_display/error_display.dart';
 import 'package:simplecloudnotifier/components/layout/scaffold.dart';
 import 'package:simplecloudnotifier/models/channel.dart';
 import 'package:simplecloudnotifier/models/keytoken.dart';
@@ -15,6 +16,7 @@ import 'package:simplecloudnotifier/pages/filtered_message_view/filtered_message
 import 'package:simplecloudnotifier/pages/keytoken_view/keytoken_view.dart';
 import 'package:simplecloudnotifier/state/app_auth.dart';
 import 'package:simplecloudnotifier/state/app_bar_state.dart';
+import 'package:simplecloudnotifier/state/app_settings.dart';
 import 'package:simplecloudnotifier/utils/navi.dart';
 import 'package:simplecloudnotifier/utils/toaster.dart';
 import 'package:simplecloudnotifier/utils/ui.dart';
@@ -37,8 +39,6 @@ class _MessageViewPageState extends State<MessageViewPage> {
   late Future<(SCNMessage, ChannelPreview, KeyTokenPreview, UserPreview)>? mainFuture;
   (SCNMessage, ChannelPreview, KeyTokenPreview, UserPreview)? mainFutureSnapshot = null;
 
-  static final _dateFormat = DateFormat('yyyy-MM-dd HH:mm'); //TODO setting
-
   final ScrollController _controller = ScrollController();
 
   bool _monospaceMode = false;
@@ -105,7 +105,7 @@ class _MessageViewPageState extends State<MessageViewPage> {
             final (msg, chn, tok, usr) = snapshot.data!;
             return _buildMessageView(context, msg, chn, tok, usr);
           } else if (snapshot.hasError) {
-            return Center(child: Text('${snapshot.error}')); //TODO nice error page
+            return ErrorDisplay(errorMessage: '${snapshot.error}');
           } else if (message != null && !this.message!.trimmed) {
             return _buildMessageView(context, this.message!, null, null, null);
           } else {
@@ -247,6 +247,8 @@ class _MessageViewPageState extends State<MessageViewPage> {
   }
 
   List<Widget> _buildMessageHeader(BuildContext context, SCNMessage message, ChannelPreview? channel) {
+    final dateFormat = context.select<AppSettings, AppSettingsDateFormat>((v) => v.dateFormat).dateFormat();
+
     return [
       Row(
         children: [
@@ -257,7 +259,7 @@ class _MessageViewPageState extends State<MessageViewPage> {
             fontSize: 16,
           ),
           Expanded(child: SizedBox()),
-          Text(_dateFormat.format(DateTime.parse(message.timestamp)), style: const TextStyle(fontSize: 14)),
+          Text(dateFormat.format(DateTime.parse(message.timestamp)), style: const TextStyle(fontSize: 14)),
         ],
       ),
       SizedBox(height: 8),