muxable · SputNikPlop · Dec 27, 2023 · Dec 27, 2023 · Dec 27, 2023 · Dec 28, 2023
diff --git a/lib/components/chat_history/message.dart b/lib/components/chat_history/message.dart
@@ -2,6 +2,7 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:rtchat/components/chat_history/ad.dart';
 import 'package:rtchat/components/chat_history/auxiliary/realtimecash_donation.dart';
@@ -94,6 +95,12 @@ class ChatHistoryMessage extends StatelessWidget {
                             primary: false,
                             children: [
                               if (kDebugMode) Text("DEBUG: id=${m.messageId}"),
+                              ListTile(
+                                leading:
+                                    const Icon(Icons.timer, color: Colors.grey),
+                                title: Text(
+                                    '${AppLocalizations.of(context)!.sentAt}: ${formatDuration(message.timestamp)}'),
+                              ),
                               Consumer<TtsModel>(
                                   builder: (context, ttsModel, child) {
                                 if (ttsModel.isMuted(m.author)) {
@@ -307,4 +314,19 @@ class ChatHistoryMessage extends StatelessWidget {
       throw AssertionError("invalid message type $m");
     }
   }
+
+  String formatDuration(DateTime timestamp) {
+    final now = DateTime.now();
+    final difference = now.difference(timestamp);
+
+    if (difference.inMinutes < 1) {
+      return 'now';
+    } else if (difference.inMinutes < 60) {
+      return '${difference.inMinutes} minutes ago';
+    } else if (difference.inHours < 24) {
+      return '${difference.inHours} hours ago';
+    } else {
+      return DateFormat('yyyy-mm-dd').format(timestamp);
+    }
+  }
 }
diff --git a/lib/components/chat_panel.dart b/lib/components/chat_panel.dart
@@ -3,6 +3,7 @@ import 'dart:async';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:intl/intl.dart';
 import 'package:provider/provider.dart';
 import 'package:rtchat/components/chat_history/message.dart';
 import 'package:rtchat/components/chat_history/separator.dart';
@@ -84,6 +85,21 @@ class _RebuildableWidgetState extends State<RebuildableWidget> {
   }
 }
 
+String formatDuration(DateTime timestamp) {
+  final now = DateTime.now();
+  final difference = now.difference(timestamp);
+
+  if (difference.inMinutes < 1) {
+    return 'now';
+  } else if (difference.inMinutes < 60) {
+    return '${difference.inMinutes} minutes ago';
+  } else if (difference.inHours < 24) {
+    return '${difference.inHours} hours ago';
+  } else {
+    return DateFormat('dd/MM/yyyy').format(timestamp);
+  }
+}
+
 DateTime? _getExpiration(
     MessageModel model,
     EventSubConfigurationModel eventSubConfigurationModel,
@@ -216,6 +232,7 @@ class _ChatPanelWidgetState extends State<ChatPanelWidget>
   var _atBottom = true;
   var _refreshPending = false;
   var _showScrollNotification = true;
+  bool _showTimeForLastMessage = false;
 
   @override
   void initState() {
@@ -386,8 +403,9 @@ class _ChatPanelWidgetState extends State<ChatPanelWidget>
                                 }
                               }
                             }
-                            final messageWidget = ChatHistoryMessage(
+                            Widget messageWidget = ChatHistoryMessage(
                                 message: message, channel: widget.channel);
+                            final isLastMessage = index == messages.length - 1;
                             final showSeparator = messagesModel.separators
                                 .contains(messages.length - index - 1);
                             // only show separators after the first 50.
@@ -401,6 +419,43 @@ class _ChatPanelWidgetState extends State<ChatPanelWidget>
                                 ],
                               );
                             }
+                            if (isLastMessage) {
+                              messageWidget = GestureDetector(
+                                onHorizontalDragEnd: (details) {
+                                  // When the user swipes on the last message, we toggle the visibility of the time.
+                                  setState(() {
+                                    _showTimeForLastMessage = true;
+                                  });
+                                },
+                                onTap: () {
+                                  //hide the duratrion when someone taps on the message
+
+                                  setState(() {
+                                    _showTimeForLastMessage = false;
+                                  });
+                                },
+                                child: Stack(
+                                  alignment: Alignment.centerRight,
+                                  children: [
+                                    messageWidget,
+                                    Positioned(
+                                      right: 8.0,
+                                      child: AnimatedOpacity(
+                                        opacity:
+                                            _showTimeForLastMessage ? 1.0 : 0.0,
+                                        duration:
+                                            const Duration(milliseconds: 300),
+                                        child: Text(
+                                          formatDuration(message.timestamp),
+                                          style: const TextStyle(
+                                              color: Colors.grey),
+                                        ),
+                                      ),
+                                    ),
+                                  ],
+                                ),
+                              );
+                            }
                             return messageWidget;
                           })),
                       findChildIndexCallback: (key) => messages.indexWhere(

diff --git a/lib/l10n/app_bn.arb b/lib/l10n/app_bn.arb
@@ -46,6 +46,7 @@
   "invalidUrlErrorText": "অবৈধ URL এর ত্রুটি টেক্সট",
   "duplicateUrlErrorText": "ডুপ্লিকেট URL ত্রুটি টেক্সট",
   "or": "অথবা",
+  "activityFeed": "অ্যাক্টিভিটি ফিড",
   "clearCookies": "কুকিজ ক্লিয়ার করুন",
   "disabled": "অক্ষম",
   "twitchActivityFeed": "টুইচ এর একটিভিটি ফিড",
@@ -112,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "1 দিনের জন্য সময়সীমা",
   "durationTwoDaysTimeoutPrompt": "2 দিনের জন্য সময়সীমা",
   "durationOneWeekTimeoutPrompt": "1 সপ্তাহের জন্য সময়সীমা",
-  "durationTwoWeeksTimeoutPrompt": "2 সপ্তাহের জন্য সময়সীমা"
+  "durationTwoWeeksTimeoutPrompt": "2 সপ্তাহের জন্য সময়সীমা",
+  "sentAt": "এ পাঠানো হয়েছে"
 }
diff --git a/lib/l10n/app_de.arb b/lib/l10n/app_de.arb
@@ -46,6 +46,7 @@
   "invalidUrlErrorText": "Dieser Link scheint ungültig zu sein.",
   "duplicateUrlErrorText": "Dieser Link existiert schon",
   "or": "oder",
+  "activityFeed": "Aktivitäts-Feed",
   "clearCookies": "cookies löschen",
   "disabled": "deaktiviert",
   "twitchActivityFeed": "Twitch Aktivitäts-Feed",
@@ -112,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "Timeout für 1 tag",
   "durationTwoDaysTimeoutPrompt": "Timeout für 2 tage",
   "durationOneWeekTimeoutPrompt": "Timeout für 1 woche",
-  "durationTwoWeeksTimeoutPrompt": "Timeout für 2 wochen"
+  "durationTwoWeeksTimeoutPrompt": "Timeout für 2 wochen",
+  "sentAt": "Gesendet um"
 }
diff --git a/lib/l10n/app_en.arb b/lib/l10n/app_en.arb
@@ -574,5 +574,9 @@
   "durationTwoWeeksTimeoutPrompt": "Timeout for 2 weeks",
   "@durationTwoWeeksTimeoutPrompt": {
     "descriptionTimeoutPrompt": "Button label to timeout for a two week duration"
+  },
+  "sentAt": "Sent at",
+  "@sentAt": {
+    "sentAt": "Text label to show when a message was last sent at"
   }
 }
diff --git a/lib/l10n/app_es.arb b/lib/l10n/app_es.arb
@@ -45,6 +45,7 @@
   "invalidUrlErrorText": "Este no parece ser un enlace válido",
   "duplicateUrlErrorText": "Este enlace ya existe",
   "or": "o",
+  "activityFeed": "Feed de actividades",
   "clearCookies": "Limpiar cookies",
   "disabled": "Desactivado",
   "twitchActivityFeed": "Feed de actividades de Twitch",
@@ -112,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "Suspender por 1 día",
   "durationTwoDaysTimeoutPrompt": "Suspender por 2 días",
   "durationOneWeekTimeoutPrompt": "Suspender por 1 semana",
-  "durationTwoWeeksTimeoutPrompt": "Suspender por 2 semanas"
+  "durationTwoWeeksTimeoutPrompt": "Suspender por 2 semanas",
+  "sentAt": "Enviado a las"
 }
diff --git a/lib/l10n/app_fr.arb b/lib/l10n/app_fr.arb
@@ -46,6 +46,7 @@
   "invalidUrlErrorText": "Ce lien semble indisponible.",
   "duplicateUrlErrorText": "Ce lien existe déjà.",
   "or": "ou",
+  "activityFeed": "Fil d'actualité",
   "clearCookies": "supprimer les cookies",
   "disabled": "déactivé",
   "twitchActivityFeed": "Fil d'actualité twitch",
@@ -112,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "Délai d'attente pour 1 jour",
   "durationTwoDaysTimeoutPrompt": "Délai d'attente pour 2 jours",
   "durationOneWeekTimeoutPrompt": "Délai d'attente pour 1 semaine",
-  "durationTwoWeeksTimeoutPrompt": "Délai d'attente pour 2 semaines"
+  "durationTwoWeeksTimeoutPrompt": "Délai d'attente pour 2 semaines",
+  "sentAt": "Envoyé à :"
 }
diff --git a/lib/l10n/app_nl.arb b/lib/l10n/app_nl.arb
@@ -41,6 +41,7 @@
   "invalidUrlErrorText": "Dit ziet er niet uit als een geldige URL",
   "duplicateUrlErrorText": "Deze link bestaat all",
   "or": "of",
+  "activityFeed": "Activiteitenfeed",
   "clearCookies": "Cookies ",
   "newMessageCount": "{count,plural, =0{Geen nieuwe berichten} =1{1 nieuw bericht} other{{count} nieuwe berichten}}",
   "streamOnline": "Stream online op {date}, {time}",
@@ -112,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "Time-out voor 1 dag",
   "durationTwoDaysTimeoutPrompt": "Time-out voor 2 dagen",
   "durationOneWeekTimeoutPrompt": "Time-out voor 1 week",
-  "durationTwoWeeksTimeoutPrompt": "Time-out voor 2 weken"
+  "durationTwoWeeksTimeoutPrompt": "Time-out voor 2 weken",
+  "sentAt": "Verzonden op"
 }
diff --git a/lib/l10n/app_pt.arb b/lib/l10n/app_pt.arb
@@ -113,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "Timeout de 1 dia",
   "durationTwoDaysTimeoutPrompt": "Timeout de 2 dias",
   "durationOneWeekTimeoutPrompt": "Timeout de 1 semana",
-  "durationTwoWeeksTimeoutPrompt": "Timeout de 2 semanas"
+  "durationTwoWeeksTimeoutPrompt": "Timeout de 2 semanas",
+  "sentAt": "Enviado às"
 }
diff --git a/lib/l10n/app_zh.arb b/lib/l10n/app_zh.arb
@@ -46,6 +46,7 @@
   "invalidUrlErrorText": "这看起来不像是有效的网址",
   "duplicateUrlErrorText": "此链接已存在",
   "or": "或者",
+  "activityFeed": "活动提要",
   "clearCookies": "清除Cookies",
   "disabled": "禁用",
   "twitchActivityFeed": "Twitch活动提要",
@@ -112,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "暂停1天",
   "durationTwoDaysTimeoutPrompt": "暂停2天",
   "durationOneWeekTimeoutPrompt": "暂停1周",
-  "durationTwoWeeksTimeoutPrompt": "暂停2周"
-}
+  "durationTwoWeeksTimeoutPrompt": "暂停2周",
+  "sentAt": "發送於 :"
+}
diff --git a/lib/l10n/app_zh_Hant.arb b/lib/l10n/app_zh_Hant.arb
@@ -113,5 +113,6 @@
   "durationOneDayTimeoutPrompt": "封鎖1天",
   "durationTwoDaysTimeoutPrompt": "封鎖2天",
   "durationOneWeekTimeoutPrompt": "封鎖1週",
-  "durationTwoWeeksTimeoutPrompt": "封鎖2週"
-}
+  "durationTwoWeeksTimeoutPrompt": "封鎖2週",
+  "sentAt": "发送于 :"
+}