feat(timestamps)

- use ISO and UTC formats to display dates in the app
ardriveapp · Sep 25, 2024 · 3bb7dff · 3bb7dff
1 parent 27d24ce
commit 3bb7dff
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 20 deletions.
diff --git a/lib/components/details_panel.dart b/lib/components/details_panel.dart
@@ -15,7 +15,6 @@ import 'package:ardrive/core/arfs/entities/arfs_entities.dart';
 import 'package:ardrive/core/crypto/crypto.dart';
 import 'package:ardrive/download/multiple_file_download_modal.dart';
 import 'package:ardrive/drive_explorer/thumbnail_creation/page/thumbnail_creation_modal.dart';
-import 'package:ardrive/l11n/l11n.dart';
 import 'package:ardrive/misc/resources.dart';
 import 'package:ardrive/models/models.dart';
 import 'package:ardrive/pages/drive_detail/components/drive_explorer_item_tile.dart';
@@ -26,6 +25,7 @@ import 'package:ardrive/services/services.dart';
 import 'package:ardrive/theme/theme.dart';
 import 'package:ardrive/utils/app_localizations_wrapper.dart';
 import 'package:ardrive/utils/filesize.dart';
+import 'package:ardrive/utils/format_date.dart';
 import 'package:ardrive/utils/num_to_string_parsers.dart';
 import 'package:ardrive/utils/open_url.dart';
 import 'package:ardrive/utils/show_general_dialog.dart';
@@ -602,15 +602,15 @@ class _DetailsPanelState extends State<DetailsPanel> {
       sizedBoxHeight16px,
       DetailsPanelItem(
         leading: Text(
-          yMMdDateFormatter.format(widget.item.lastUpdated),
+          formatDateToUtcString(widget.item.lastUpdated),
           style: typography.paragraphNormal(),
         ),
         itemTitle: appLocalizationsOf(context).lastUpdated,
       ),
       sizedBoxHeight16px,
       DetailsPanelItem(
         leading: Text(
-          yMMdDateFormatter.format(widget.item.dateCreated),
+          formatDateToUtcString(widget.item.dateCreated),
           style: typography.paragraphNormal(),
         ),
         itemTitle: appLocalizationsOf(context).dateCreated,
@@ -672,15 +672,15 @@ class _DetailsPanelState extends State<DetailsPanel> {
       sizedBoxHeight16px,
       DetailsPanelItem(
         leading: Text(
-          yMMdDateFormatter.format(widget.item.lastUpdated),
+          formatDateToUtcString(widget.item.lastUpdated),
           style: typography.paragraphNormal(),
         ),
         itemTitle: appLocalizationsOf(context).lastUpdated,
       ),
       sizedBoxHeight16px,
       DetailsPanelItem(
         leading: Text(
-          yMMdDateFormatter.format(widget.item.dateCreated),
+          formatDateToUtcString(widget.item.dateCreated),
           style: typography.paragraphNormal(),
         ),
         itemTitle: appLocalizationsOf(context).dateCreated,
@@ -724,15 +724,15 @@ class _DetailsPanelState extends State<DetailsPanel> {
       sizedBoxHeight16px,
       DetailsPanelItem(
         leading: Text(
-          yMMdDateFormatter.format(item.lastUpdated),
+          formatDateToUtcString(item.lastUpdated),
           style: typography.paragraphNormal(),
         ),
         itemTitle: appLocalizationsOf(context).lastUpdated,
       ),
       sizedBoxHeight16px,
       DetailsPanelItem(
         leading: Text(
-          yMMdDateFormatter.format(item.dateCreated),
+          formatDateToUtcString(item.dateCreated),
           style: typography.paragraphNormal(),
         ),
         itemTitle: appLocalizationsOf(context).dateCreated,
@@ -901,7 +901,7 @@ class _DetailsPanelState extends State<DetailsPanel> {
                 default:
                   title = appLocalizationsOf(context).folderWasModified;
               }
-              subtitle = yMMdDateFormatter.format(revision.dateCreated);
+              subtitle = formatDateToUtcString(revision.dateCreated);
 
               return DetailsPanelItem(
                 itemSubtitle: subtitle,
@@ -944,7 +944,7 @@ class _DetailsPanelState extends State<DetailsPanel> {
                   title = appLocalizationsOf(context).driveWasModified;
               }
 
-              subtitle = yMMdDateFormatter.format(revision.dateCreated);
+              subtitle = formatDateToUtcString(revision.dateCreated);
 
               return DetailsPanelItem(
                 itemSubtitle: subtitle,
@@ -1023,7 +1023,7 @@ class _DetailsPanelState extends State<DetailsPanel> {
       default:
         title = appLocalizationsOf(context).fileWasModified;
     }
-    subtitle = yMMdDateFormatter.format(file.unixTime);
+    subtitle = formatDateToUtcString(file.unixTime);
 
     return DetailsPanelItem(
       leading: leading ?? const SizedBox(),

diff --git a/lib/pages/drive_detail/components/drive_detail_data_list.dart b/lib/pages/drive_detail/components/drive_detail_data_list.dart
@@ -200,8 +200,8 @@ Widget _buildDataListContent(
           name: row.name,
           typography: typography,
           size: row.size == null ? '-' : filesize(row.size),
-          lastUpdated: yMMdDateFormatter.format(row.lastUpdated),
-          dateCreated: yMMdDateFormatter.format(row.dateCreated),
+          lastUpdated: row.lastUpdated,
+          dateCreated: row.dateCreated,
           dataTableItem: row,
           license: row.licenseType == null
               ? ''

diff --git a/lib/pages/drive_detail/components/drive_explorer_item_tile.dart b/lib/pages/drive_detail/components/drive_explorer_item_tile.dart
@@ -11,12 +11,14 @@ import 'package:ardrive/components/pin_indicator.dart';
 import 'package:ardrive/download/multiple_file_download_modal.dart';
 import 'package:ardrive/drive_explorer/thumbnail/repository/thumbnail_repository.dart';
 import 'package:ardrive/drive_explorer/thumbnail/thumbnail_bloc.dart';
+import 'package:ardrive/l11n/l11n.dart';
 import 'package:ardrive/models/models.dart';
 import 'package:ardrive/pages/congestion_warning_wrapper.dart';
 import 'package:ardrive/pages/drive_detail/components/dropdown_item.dart';
 import 'package:ardrive/pages/drive_detail/components/hover_widget.dart';
 import 'package:ardrive/pages/drive_detail/models/data_table_item.dart';
 import 'package:ardrive/utils/app_localizations_wrapper.dart';
+import 'package:ardrive/utils/format_date.dart';
 import 'package:ardrive/utils/logger.dart';
 import 'package:ardrive/utils/size_constants.dart';
 import 'package:ardrive_ui/ardrive_ui.dart';
@@ -28,8 +30,8 @@ class DriveExplorerItemTile extends TableRowWidget {
   DriveExplorerItemTile({
     required String name,
     required String size,
-    required String lastUpdated,
-    required String dateCreated,
+    required DateTime lastUpdated,
+    required DateTime dateCreated,
     required String license,
     required Function() onPressed,
     required bool isHidden,
@@ -68,12 +70,18 @@ class DriveExplorerItemTile extends TableRowWidget {
             Text(size,
                 style: _driveExplorerItemTileTextStyle(
                     isHidden, typography, colorTokens)),
-            Text(lastUpdated,
-                style: _driveExplorerItemTileTextStyle(
-                    isHidden, typography, colorTokens)),
-            Text(dateCreated,
-                style: _driveExplorerItemTileTextStyle(
-                    isHidden, typography, colorTokens)),
+            ArDriveTooltip(
+              message: formatDateToUtcString(lastUpdated),
+              child: Text(yMMdDateFormatter.format(lastUpdated),
+                  style: _driveExplorerItemTileTextStyle(
+                      isHidden, typography, colorTokens)),
+            ),
+            ArDriveTooltip(
+              message: formatDateToUtcString(dateCreated),
+              child: Text(yMMdDateFormatter.format(dateCreated),
+                  style: _driveExplorerItemTileTextStyle(
+                      isHidden, typography, colorTokens)),
+            ),
             Text(license, style: ArDriveTypography.body.captionRegular()),
           ],
         );

diff --git a/lib/utils/format_date.dart b/lib/utils/format_date.dart
@@ -0,0 +1,8 @@
+import 'package:intl/intl.dart';
+
+String formatDateToUtcString(DateTime date) {
+  String formattedDate =
+      '${DateFormat('yyyy-MM-dd HH:mm:ss').format(date.toUtc())} GMT+0';
+
+  return formattedDate;
+}