From 1d300a0b64c03b612976c6bbe06a6a598c866e0c Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Thu, 1 Jun 2023 13:48:36 +0700
Subject: [PATCH] TF-1813 Add new icon and color for sending queue view

(cherry picked from commit 7737d73c9ad71d329764d142f49ee5851fc98901)
---
 assets/images/ic_avatar_group.svg                     | 6 ++++++
 assets/images/ic_avatar_personal.svg                  | 6 ++++++
 assets/images/ic_dialog_offline_mode.svg              | 4 ++++
 assets/images/ic_mailbox_outbox.svg                   | 8 ++++++++
 assets/images/ic_mailbox_sending_queue.svg            | 3 +++
 assets/images/ic_mailbox_template.svg                 | 8 ++++++--
 assets/images/ic_menu_mailbox.svg                     | 5 +++++
 core/lib/presentation/extensions/color_extension.dart | 2 ++
 core/lib/presentation/resources/image_paths.dart      | 6 ++++++
 9 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 assets/images/ic_avatar_group.svg
 create mode 100644 assets/images/ic_avatar_personal.svg
 create mode 100644 assets/images/ic_dialog_offline_mode.svg
 create mode 100644 assets/images/ic_mailbox_outbox.svg
 create mode 100644 assets/images/ic_mailbox_sending_queue.svg
 create mode 100644 assets/images/ic_menu_mailbox.svg

diff --git a/assets/images/ic_avatar_group.svg b/assets/images/ic_avatar_group.svg
new file mode 100644
index 000000000..f049ac79e
--- /dev/null
+++ b/assets/images/ic_avatar_group.svg
@@ -0,0 +1,6 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="60" height="60" rx="30" fill="#F2F3F5" />
+    <path
+        d="M38.5 26C38.5 24.0662 36.9338 22.5 35 22.5C33.0662 22.5 31.5 24.0662 31.5 26C31.5 27.9338 33.0662 29.5 35 29.5C36.9338 29.5 38.5 27.9338 38.5 26ZM35 31C37.4706 31 42 31.8571 42 35.2857C42 36.7857 41.5882 37 40.7647 37L33.7546 37.0011C33.9174 36.5134 34 35.9402 34 35.2857C34 33.5963 33.3723 32.2767 32.3292 31.2922C33.2862 31.081 34.2404 31 35 31ZM25 31C27.4706 31 32 31.8571 32 35.2857C32 36.7857 31.5882 37 30.7647 37H19.2353C18.4118 37 18 36.7857 18 35.2857C18 31.8571 22.5294 31 25 31ZM25 22.5C26.9338 22.5 28.5 24.0662 28.5 26C28.5 27.9338 26.9338 29.5 25 29.5C23.0662 29.5 21.5 27.9338 21.5 26C21.5 24.0662 23.0662 22.5 25 22.5Z"
+        fill="#007AFF" />
+</svg>
diff --git a/assets/images/ic_avatar_personal.svg b/assets/images/ic_avatar_personal.svg
new file mode 100644
index 000000000..2d09f209c
--- /dev/null
+++ b/assets/images/ic_avatar_personal.svg
@@ -0,0 +1,6 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="60" height="60" rx="30" fill="#F2F3F5" />
+    <path
+        d="M34.5 25C34.5 22.5138 32.4862 20.5 30 20.5C27.5138 20.5 25.5 22.5138 25.5 25C25.5 27.4862 27.5138 29.5 30 29.5C32.4862 29.5 34.5 27.4862 34.5 25ZM21.5 36C21.5 37.75 22 38 23 38H37C38 38 38.5 37.75 38.5 36C38.5 32 33 31 30 31C27 31 21.5 32 21.5 36Z"
+        fill="#007AFF" />
+</svg>
diff --git a/assets/images/ic_dialog_offline_mode.svg b/assets/images/ic_dialog_offline_mode.svg
new file mode 100644
index 000000000..ecdcbe266
--- /dev/null
+++ b/assets/images/ic_dialog_offline_mode.svg
@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="64" rx="16" fill="#F2F3F5"/>
+<path d="M44.8002 41.0001L42.8668 39.1335C43.2446 38.8224 43.5279 38.4612 43.7168 38.0501C43.9057 37.639 44.0002 37.1779 44.0002 36.6668C44.0002 35.7335 43.6779 34.9446 43.0335 34.3001C42.389 33.6557 41.6002 33.3335 40.6668 33.3335H38.6668V30.6668C38.6668 28.8224 38.0168 27.2501 36.7168 25.9501C35.4168 24.6501 33.8446 24.0001 32.0002 24.0001C31.4002 24.0001 30.8224 24.0724 30.2668 24.2168C29.7113 24.3612 29.1779 24.589 28.6668 24.9001L26.7335 22.9668C27.5113 22.4335 28.3391 22.0279 29.2168 21.7501C30.0946 21.4724 31.0224 21.3335 32.0002 21.3335C34.6002 21.3335 36.8057 22.239 38.6168 24.0501C40.4279 25.8612 41.3335 28.0668 41.3335 30.6668C42.8668 30.8446 44.139 31.5057 45.1502 32.6501C46.1613 33.7946 46.6668 35.1335 46.6668 36.6668C46.6668 37.5335 46.5002 38.339 46.1668 39.0835C45.8335 39.8279 45.3779 40.4668 44.8002 41.0001ZM41.4668 45.2001L38.8668 42.6668H24.6668C22.6224 42.6668 20.8891 41.9557 19.4668 40.5335C18.0446 39.1112 17.3335 37.3779 17.3335 35.3335C17.3335 33.6224 17.8613 32.1001 18.9168 30.7668C19.9724 29.4335 21.3335 28.5779 23.0002 28.2001C23.0668 28.0224 23.1335 27.8501 23.2002 27.6835C23.2668 27.5168 23.3335 27.3335 23.4002 27.1335L18.8002 22.5335C18.5557 22.289 18.4335 21.9779 18.4335 21.6001C18.4335 21.2224 18.5557 20.9112 18.8002 20.6668C19.0446 20.4224 19.3557 20.3001 19.7335 20.3001C20.1113 20.3001 20.4224 20.4224 20.6668 20.6668L43.3335 43.3335C43.5779 43.5779 43.7002 43.889 43.7002 44.2668C43.7002 44.6446 43.5779 44.9557 43.3335 45.2001C43.089 45.4446 42.7835 45.5668 42.4168 45.5668C42.0502 45.5668 41.7335 45.4446 41.4668 45.2001ZM24.6668 40.0001H36.2002L25.4668 29.2668C25.4224 29.5112 25.3891 29.7446 25.3668 29.9668C25.3446 30.189 25.3335 30.4224 25.3335 30.6668H24.6668C23.3779 30.6668 22.2779 31.1224 21.3668 32.0335C20.4557 32.9446 20.0002 34.0446 20.0002 35.3335C20.0002 36.6224 20.4557 37.7224 21.3668 38.6335C22.2779 39.5446 23.3779 40.0001 24.6668 40.0001Z" fill="#939393"/>
+</svg>
diff --git a/assets/images/ic_mailbox_outbox.svg b/assets/images/ic_mailbox_outbox.svg
new file mode 100644
index 000000000..5c99b1a9e
--- /dev/null
+++ b/assets/images/ic_mailbox_outbox.svg
@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M9.28585 4.58158L8.36236 5.50507C8.08341 5.78402 7.63115 5.78402 7.35221 5.50507C7.07326 5.22613 7.07326 4.77387 7.35221 4.49492L9.49506 2.35206C9.77401 2.07312 10.2263 2.07312 10.5052 2.35206L12.6481 4.49492C12.927 4.77387 12.927 5.22613 12.6481 5.50507C12.3691 5.78402 11.9169 5.78402 11.6379 5.50507L10.7144 4.58158V7.14285C10.7144 7.53734 10.3946 7.85714 10.0001 7.85714C9.60565 7.85714 9.28585 7.53734 9.28585 7.14285V4.58158Z"
+        fill="#007AFF" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M5.92752 4.28572C5.9655 4.28572 6.00138 4.26924 6.02824 4.24238L6.30575 3.96487C6.71453 3.55609 6.42501 2.85714 5.84691 2.85714C4.98647 2.85714 4.55836 2.92542 4.09767 3.12911C3.66629 3.31985 3.30543 3.60932 3.02566 3.98905C2.72688 4.39458 2.56736 4.79768 2.3807 5.63763L1.44572 9.84505L1.42871 10V12.7659C1.42871 14.0349 1.54885 14.657 1.89475 15.3038C2.21033 15.8939 2.6777 16.3612 3.26779 16.6768C3.91456 17.0227 4.53669 17.1429 5.80569 17.1429H14.1946C15.4636 17.1429 16.0857 17.0227 16.7325 16.6768C17.3226 16.3612 17.7899 15.8939 18.1055 15.3038C18.4514 14.657 18.5716 14.0349 18.5716 12.7659V10L18.5546 9.84505L17.6196 5.63763C17.4329 4.79768 17.2734 4.39458 16.9746 3.98905C16.6948 3.60932 16.334 3.31985 15.9026 3.12911C15.4419 2.92542 15.0138 2.85714 14.1534 2.85714C13.5753 2.85714 13.2857 3.55609 13.6945 3.96488L13.972 4.24238C13.9993 4.26964 14.0357 4.28639 14.0742 4.28639L14.3023 4.28641C14.8688 4.29206 15.0921 4.33274 15.3249 4.43567C15.5288 4.5258 15.6923 4.65698 15.8245 4.83641C15.9881 5.05842 16.0779 5.28541 16.225 5.94753L16.9666 9.28571H12.8573C12.4628 9.28571 12.143 9.60551 12.143 10C12.143 11.1835 11.1836 12.1429 10.0001 12.1429C8.81667 12.1429 7.85728 11.1835 7.85728 10L7.85248 9.9167C7.81122 9.56145 7.50931 9.28571 7.143 9.28571H3.033L3.77525 5.94753C3.92239 5.28541 4.01222 5.05842 4.17578 4.83641C4.30799 4.65698 4.47152 4.5258 4.67536 4.43567C4.92756 4.32416 5.16863 4.28571 5.84691 4.28571L5.92752 4.28572ZM3.15448 14.6301C2.9344 14.2185 2.85728 13.8192 2.85728 12.7659V10.7143H6.50015C6.83106 12.3445 8.27231 13.5714 10.0001 13.5714C11.728 13.5714 13.1692 12.3445 13.5001 10.7143H17.143V12.7659C17.143 13.8192 17.0659 14.2185 16.8458 14.6301C16.6634 14.9712 16.3999 15.2346 16.0588 15.4171C15.6473 15.6372 15.2479 15.7143 14.1946 15.7143H5.80569C4.75235 15.7143 4.35302 15.6372 3.9415 15.4171C3.60037 15.2346 3.33692 14.9712 3.15448 14.6301Z"
+        fill="#007AFF" />
+</svg>
diff --git a/assets/images/ic_mailbox_sending_queue.svg b/assets/images/ic_mailbox_sending_queue.svg
new file mode 100644
index 000000000..2e0f703d6
--- /dev/null
+++ b/assets/images/ic_mailbox_sending_queue.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4421 2.14286C13.0789 2.14286 13.3098 2.20916 13.5426 2.33367C13.7754 2.45817 13.9581 2.64088 14.0826 2.87368C14.1764 3.04906 14.2372 3.22336 14.2615 3.57092L5.71401 3.57092C5.73828 3.22336 5.79904 3.04906 5.89283 2.87368C6.01734 2.64088 6.20004 2.45817 6.43285 2.33367C6.66565 2.20916 6.89657 2.14286 7.53337 2.14286L12.4421 2.14286ZM6.51956 5L13.6972 5.00127C14.8222 5.01492 15.4091 5.14049 16.0178 5.46604C16.6079 5.78162 17.0752 6.249 17.3908 6.83908C17.7367 7.48586 17.8569 8.10798 17.8569 9.37698V10C17.8569 10.3945 17.5371 10.7143 17.1426 10.7143C16.7481 10.7143 16.4283 10.3945 16.4283 10V9.37698C16.4283 8.45114 16.3687 8.03057 16.2048 7.66287L12.02 11.847C10.9414 12.9256 9.21503 12.9615 8.09325 11.9549L7.97942 11.847L3.7946 7.66287C3.63073 8.03057 3.57115 8.45114 3.57115 9.37698L3.57115 12.7659C3.57115 13.8192 3.64826 14.2185 3.86835 14.6301C4.05079 14.9712 4.31424 15.2347 4.65537 15.4171C5.01848 15.6113 5.37209 15.6942 6.17386 15.711L6.51956 15.7143L11.4283 15.7143C11.8228 15.7143 12.1426 16.0341 12.1426 16.4286C12.1426 16.8231 11.8228 17.1429 11.4283 17.1429H6.51956C5.25056 17.1429 4.62843 17.0227 3.98166 16.6768C3.39157 16.3612 2.9242 15.8939 2.60862 15.3038C2.26272 14.657 2.14258 14.0349 2.14258 12.7659L2.14385 9.15962C2.15749 8.03471 2.28306 7.44781 2.60862 6.83908C2.9242 6.249 3.39157 5.78162 3.98166 5.46604C4.62843 5.12014 5.25056 5 6.51956 5ZM13.4799 6.42857L6.51956 6.42857C5.59372 6.42857 5.17314 6.48815 4.80545 6.65202L8.98957 10.8368C9.5181 11.3654 10.3577 11.3932 10.919 10.9203L11.0099 10.8368L15.194 6.65202C14.8263 6.48815 14.4057 6.42857 13.4799 6.42857ZM19.9997 15C19.9997 16.9724 18.4007 18.5714 16.4283 18.5714C14.4559 18.5714 12.8569 16.9724 12.8569 15C12.8569 13.0275 14.4559 11.4285 16.4283 11.4285C18.4007 11.4285 19.9997 13.0275 19.9997 15ZM16.1426 12.8571C16.3793 12.8571 16.5712 13.049 16.5712 13.2857V15.251L17.7313 16.4112C17.8987 16.5786 17.8987 16.8499 17.7313 17.0173C17.564 17.1847 17.2926 17.1847 17.1253 17.0173L15.8395 15.7316C15.7592 15.6512 15.714 15.5422 15.714 15.4285V13.2857C15.714 13.049 15.9059 12.8571 16.1426 12.8571Z" fill="#007AFF"/>
+</svg>
diff --git a/assets/images/ic_mailbox_template.svg b/assets/images/ic_mailbox_template.svg
index 98a59c6f9..772290e3b 100644
--- a/assets/images/ic_mailbox_template.svg
+++ b/assets/images/ic_mailbox_template.svg
@@ -1,4 +1,8 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H6C5.46957 22 4.96086 21.7893 4.58579 21.4142C4.21071 21.0391 4 20.5304 4 20V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H8" stroke="#7E869B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 2H9C8.44772 2 8 2.44772 8 3V5C8 5.55228 8.44772 6 9 6H15C15.5523 6 16 5.55228 16 5V3C16 2.44772 15.5523 2 15 2Z" stroke="#7E869B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path
+        d="M16 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V20C20 20.5304 19.7893 21.0391 19.4142 21.4142C19.0391 21.7893 18.5304 22 18 22H6C5.46957 22 4.96086 21.7893 4.58579 21.4142C4.21071 21.0391 4 20.5304 4 20V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H8"
+        stroke="#007AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+        d="M15 2H9C8.44772 2 8 2.44772 8 3V5C8 5.55228 8.44772 6 9 6H15C15.5523 6 16 5.55228 16 5V3C16 2.44772 15.5523 2 15 2Z"
+        stroke="#007AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
 </svg>
diff --git a/assets/images/ic_menu_mailbox.svg b/assets/images/ic_menu_mailbox.svg
new file mode 100644
index 000000000..72d47d84b
--- /dev/null
+++ b/assets/images/ic_menu_mailbox.svg
@@ -0,0 +1,5 @@
+<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M18.483 16.9286C18.9366 16.9286 19.3044 17.2963 19.3044 17.75C19.3044 18.2036 18.9366 18.5714 18.483 18.5714H4.51869C4.06503 18.5714 3.69727 18.2036 3.69727 17.75C3.69727 17.2963 4.06503 16.9286 4.51869 16.9286H18.483ZM18.483 11.1786C18.9366 11.1786 19.3044 11.5463 19.3044 12C19.3044 12.4536 18.9366 12.8214 18.483 12.8214H4.51869C4.06503 12.8214 3.69727 12.4536 3.69727 12C3.69727 11.5463 4.06503 11.1786 4.51869 11.1786H18.483ZM18.483 5.42856C18.9366 5.42856 19.3044 5.79632 19.3044 6.24999C19.3044 6.70365 18.9366 7.07142 18.483 7.07142H4.51869C4.06503 7.07142 3.69727 6.70365 3.69727 6.24999C3.69727 5.79632 4.06503 5.42856 4.51869 5.42856H18.483Z"
+        fill="#007AFF" />
+</svg>
diff --git a/core/lib/presentation/extensions/color_extension.dart b/core/lib/presentation/extensions/color_extension.dart
index 98f1c13b5..21c7ec65c 100644
--- a/core/lib/presentation/extensions/color_extension.dart
+++ b/core/lib/presentation/extensions/color_extension.dart
@@ -175,6 +175,8 @@ extension AppColor on Color {
   static const colorMailboxPath = Color(0xFF818C99);
   static const colorIconUnSubscribedMailbox = Color(0xFFAEB7C2);
   static const colorTitleAUnSubscribedMailbox = Color(0xFF818C99);
+  static const colorTitleSendingItem = Color(0xFF818C99);
+  static const colorBannerMessageSendingQueue = Color(0xFFF7F8FA);
 
   static const mapGradientColor = [
     [Color(0xFF21D4FD), Color(0xFFB721FF)],
diff --git a/core/lib/presentation/resources/image_paths.dart b/core/lib/presentation/resources/image_paths.dart
index 73adbba3f..afc1fd8c8 100644
--- a/core/lib/presentation/resources/image_paths.dart
+++ b/core/lib/presentation/resources/image_paths.dart
@@ -179,6 +179,12 @@ class ImagePaths {
   String get icToastSuccessMessage => _getImagePath('ic_toast_success_message.svg');
   String get icForwarded => _getImagePath('ic_forwarded.svg');
   String get icReplyAndForward => _getImagePath('ic_reply_and_forward.svg');
+  String get icMailboxSendingQueue => _getImagePath('ic_mailbox_sending_queue.svg');
+  String get icMailboxOutbox => _getImagePath('ic_mailbox_outbox.svg');
+  String get icAvatarGroup => _getImagePath('ic_avatar_group.svg');
+  String get icAvatarPersonal => _getImagePath('ic_avatar_personal.svg');
+  String get icDialogOfflineMode => _getImagePath('ic_dialog_offline_mode.svg');
+  String get icMenuMailbox => _getImagePath('ic_menu_mailbox.svg');
 
   String _getImagePath(String imageName) {
     return AssetsPaths.images + imageName;