From 86a4b1f779c5492a7a320598f2ab0745745412a8 Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Thu, 27 Jul 2023 16:32:46 +0700
Subject: [PATCH] TF-2057 Add event time detail widget

(cherry picked from commit d9782f9a0038c05a9d9911f3066989db3b41fc52)
---
 .../extensions/color_extension.dart           |  1 +
 .../event_time_detail_widget_styles.dart      |  5 +++
 .../event_time_detail_widget.dart             | 43 +++++++++++++++++++
 lib/l10n/intl_messages.arb                    | 20 ++++++++-
 lib/main/localizations/app_localizations.dart | 19 ++++++++
 5 files changed, 87 insertions(+), 1 deletion(-)
 create mode 100644 lib/features/email/presentation/styles/event_time_detail_widget_styles.dart
 create mode 100644 lib/features/email/presentation/widgets/calendar_event/event_time_detail_widget.dart

diff --git a/core/lib/presentation/extensions/color_extension.dart b/core/lib/presentation/extensions/color_extension.dart
index 2d26a5607..680f0bc6a 100644
--- a/core/lib/presentation/extensions/color_extension.dart
+++ b/core/lib/presentation/extensions/color_extension.dart
@@ -195,6 +195,7 @@ extension AppColor on Color {
   static const colorCalendarEventInformationStroke = Color(0x1F000000);
   static const colorShadowCalendarDateIcon = Color(0x26000000);
   static const colorOrganizerMailto = Color(0xFFB3B3B3);
+  static const colorMailto = Color(0xFFB3B3B3);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],
diff --git a/lib/features/email/presentation/styles/event_time_detail_widget_styles.dart b/lib/features/email/presentation/styles/event_time_detail_widget_styles.dart
new file mode 100644
index 000000000..ca2c78ecf
--- /dev/null
+++ b/lib/features/email/presentation/styles/event_time_detail_widget_styles.dart
@@ -0,0 +1,5 @@
+
+class EventTimeDetailWidgetStyles {
+  static const double maxWidth = 100;
+  static const double textSize = 16;
+}
\ No newline at end of file
diff --git a/lib/features/email/presentation/widgets/calendar_event/event_time_detail_widget.dart b/lib/features/email/presentation/widgets/calendar_event/event_time_detail_widget.dart
new file mode 100644
index 000000000..487034d28
--- /dev/null
+++ b/lib/features/email/presentation/widgets/calendar_event/event_time_detail_widget.dart
@@ -0,0 +1,43 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/email/presentation/styles/event_time_detail_widget_styles.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class EventTimeWidgetWidget extends StatelessWidget {
+
+  final String timeEvent;
+
+  const EventTimeWidgetWidget({
+    super.key,
+    required this.timeEvent
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        SizedBox(
+          width: EventTimeDetailWidgetStyles.maxWidth,
+          child: Text(
+            AppLocalizations.of(context).time,
+            style: const TextStyle(
+              fontSize: EventTimeDetailWidgetStyles.textSize,
+              fontWeight: FontWeight.w500,
+              color: AppColor.colorSubTitleEventActionText
+            ),
+          ),
+        ),
+        Expanded(child: Text(
+          timeEvent,
+          style: const TextStyle(
+            fontSize: EventTimeDetailWidgetStyles.textSize,
+            fontWeight: FontWeight.w500,
+            color: Colors.black
+          ),
+        ))
+      ],
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/l10n/intl_messages.arb b/lib/l10n/intl_messages.arb
index b5aa0216c..7318d458a 100644
--- a/lib/l10n/intl_messages.arb
+++ b/lib/l10n/intl_messages.arb
@@ -1,5 +1,5 @@
 {
-  "@@last_modified": "2023-07-26T18:42:34.026265",
+  "@@last_modified": "2023-07-27T12:18:46.254059",
   "initializing_data": "Initializing data...",
   "@initializing_data": {
     "type": "text",
@@ -3077,5 +3077,23 @@
     "type": "text",
     "placeholders_order": [],
     "placeholders": {}
+  },
+  "time": "Time",
+  "@time": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
+  },
+  "location": "Location",
+  "@location": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
+  },
+  "attendees": "Attendees",
+  "@attendees": {
+    "type": "text",
+    "placeholders_order": [],
+    "placeholders": {}
   }
 }
\ No newline at end of file
diff --git a/lib/main/localizations/app_localizations.dart b/lib/main/localizations/app_localizations.dart
index f4102265b..b1fc12966 100644
--- a/lib/main/localizations/app_localizations.dart
+++ b/lib/main/localizations/app_localizations.dart
@@ -3173,4 +3173,23 @@ class AppLocalizations {
       'Organizer',
       name: 'organizer');
   }
+
+  String get time {
+    return Intl.message(
+      'Time',
+      name: 'time',
+    );
+  }
+
+  String get location {
+    return Intl.message(
+      'Location',
+      name: 'location');
+  }
+
+  String get attendees {
+    return Intl.message(
+      'Attendees',
+      name: 'attendees');
+  }
 }
\ No newline at end of file