GS-9252 fix username view in posts (#2175)

lib/core/utils/string_overflower.dart

@@ -0,0 +1,3 @@
+String customOverflover(String text, int length) {
+  return text.length > length ? '${text.substring(0, length)}...' : text;
+}

lib/features/posts/widgets/post_summary_bar.dart

@@ -77,7 +77,7 @@ class PostSummaryBar extends StatelessWidget {
     final circleEmoji = circle.emoji;
     final circleImage = circle.imageFile;
     final deferredLink = DeferredPointerHandlerLink();
-    final postTimeCreationDate = post.createdAt?.timeElapsed();
+    final postTimeCreationDate = post.createdAt?.timeElapsedWithoutAgo();
 
     return Padding(
       padding: padding,

lib/localization/app_en.arb

@@ -1485,5 +1485,47 @@
       "interestsSelected": {},
       "interestsMinimum": {}
     }
+  },
+  "secondsTime": "{seconds}s",
+  "@secondsTime": {
+    "placeholders": {
+      "seconds": {}
+    }
+  },
+  "minutesTime": "{minutes}m",
+  "@minutesTime": {
+    "placeholders": {
+      "minutes": {}
+    }
+  },
+  "hoursTime": "{hours}h",
+  "@hoursTime": {
+    "placeholders": {
+      "hours": {}
+    }
+  },
+  "daysTime": "{days}d",
+  "@daysTime": {
+    "placeholders": {
+      "days": {}
+    }
+  },
+  "weeksTime": "{weeks}d",
+  "@weeksTime": {
+    "placeholders": {
+      "weeks": {}
+    }
+  },
+  "monthsTime": "{months}d",
+  "@monthsTime": {
+    "placeholders": {
+      "months": {}
+    }
+  },
+  "yearsTime": "{years}d",
+  "@yearsTime": {
+    "placeholders": {
+      "years": {}
+    }
   }
-}
+}

lib/ui/widgets/picnic_dynamic_author.dart

@@ -1,9 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:gap/gap.dart';
+import 'package:picnic_app/core/utils/stat_extensions.dart';
+import 'package:picnic_app/core/utils/string_overflower.dart';
 import 'package:picnic_app/features/posts/post_overlay/post_overlay_page.dart';
 import 'package:picnic_app/localization/app_localizations_utils.dart';
+import 'package:picnic_app/resources/assets.gen.dart';
 import 'package:picnic_app/utils/extensions/color_extensions.dart';
-import 'package:picnic_app/utils/number_formatter.dart';
 import 'package:picnic_ui_components/ui/theme/picnic_theme.dart';
 import 'package:picnic_ui_components/ui/widgets/picnic_button.dart';
 
@@ -67,6 +69,9 @@ class PicnicDynamicAuthor extends StatelessWidget {
   static const double _followButtonHeight = 26.0;
   static const double _joinButtonRadius = 100.0;
 
+  static const double _iconSize = 16.0;
+  static const int _maxOverflowLength = 20;
+
   @override
   Widget build(BuildContext context) {
     final theme = PicnicTheme.of(context);
@@ -165,7 +170,8 @@ class PicnicDynamicAuthor extends StatelessWidget {
                               onTap: onAuthorUsernameTap,
                               child: RichText(
                                 text: TextSpan(
-                                  text: appLocalizations.byUsername(authorUsername),
+                                  text:
+                                      customOverflover(appLocalizations.byUsername(authorUsername), _maxOverflowLength),
                                   style: subtitleStyle,
                                   children: [
                                     if (authorVerifiedBadge != null) ...[
@@ -193,12 +199,32 @@ class PicnicDynamicAuthor extends StatelessWidget {
                               ),
                             ),
                           ),
-                          if (showDateViews)
-                            Text(
-                              ' • $dateToDisplay • ${appLocalizations.viewsCount(formatNumber(viewsCount))}',
-                              style: subtitleStyle,
-                              maxLines: 1,
-                              overflow: TextOverflow.ellipsis,
+                          if (showDateViews && dateToDisplay.isNotEmpty)
+                            Row(
+                              children: [
+                                Text(
+                                  ' • $dateToDisplay •',
+                                  style: subtitleStyle,
+                                  maxLines: 1,
+                                  overflow: TextOverflow.ellipsis,
+                                ),
+                                Row(
+                                  children: [
+                                    Image.asset(
+                                      Assets.images.play.path,
+                                      height: _iconSize,
+                                      width: _iconSize,
+                                    ),
+                                    const Gap(2),
+                                    Text(
+                                      viewsCount.formattingToStat(),
+                                      style: subtitleStyle,
+                                      maxLines: 1,
+                                      overflow: TextOverflow.ellipsis,
+                                    ),
+                                  ],
+                                ),
+                              ],
                             ),
                         ],
                       ),

lib/utils/extensions/time_ago_formatting.dart

@@ -34,3 +34,38 @@ extension TimeAgoFormatting on DateTime {
     return result;
   }
 }
+
+extension TimeFormatting on DateTime {
+  String timeElapsedWithoutAgo() {
+    final currentTimeProvider = getIt<CurrentTimeProvider>();
+    var elapsed = currentTimeProvider.currentTime.millisecondsSinceEpoch - millisecondsSinceEpoch;
+    final seconds = elapsed / 1000;
+    final minutes = seconds / 60;
+    final hours = minutes / 60;
+    final days = hours / 24;
+    final weeks = days / 7;
+    final months = days / 30;
+    final years = days / 365;
+
+    String result;
+    if (seconds <= 0) {
+      result = appLocalizations.secondsTime(0);
+    } else if (seconds < 60) {
+      result = appLocalizations.secondsTime(seconds.floor());
+    } else if (minutes < 60) {
+      result = appLocalizations.minutesTime(minutes.floor());
+    } else if (hours < 24) {
+      result = appLocalizations.hoursTime(hours.floor());
+    } else if (days < 7) {
+      result = appLocalizations.daysTime(days.floor());
+    } else if (weeks < 4) {
+      result = appLocalizations.weeksTime(weeks.floor());
+    } else if (months <= 12) {
+      result = appLocalizations.monthsTime(months.floor());
+    } else {
+      result = appLocalizations.yearsTime(years.floor());
+    }
+
+    return result;
+  }
+}

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -25,6 +25,7 @@ import recaptcha_verification
 import share_plus_macos
 import shared_preferences_foundation
 import sign_in_with_apple
+import smart_auth
 import sqflite
 import url_launcher_macos
 import wakelock_macos
@@ -51,6 +52,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   SharePlusMacosPlugin.register(with: registry.registrar(forPlugin: "SharePlusMacosPlugin"))
   SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
   SignInWithApplePlugin.register(with: registry.registrar(forPlugin: "SignInWithApplePlugin"))
+  SmartAuthPlugin.register(with: registry.registrar(forPlugin: "SmartAuthPlugin"))
   SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
   UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))
   WakelockMacosPlugin.register(with: registry.registrar(forPlugin: "WakelockMacosPlugin"))