Fix edit clock icon (#5216)

src/assets/font-icons/clock-edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M12 6.2a.8.8 0 0 0-.8.8v4.668l-2.766 2.766a.8.8 0 0 0 0 1.132.8.8 0 0 0 1.132 0l3-3a.8.8 0 0 0 .235-.566V7A.8.8 0 0 0 12 6.2" style="stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"/><path d="M12 3.2c-4.85 0-8.8 3.95-8.8 8.8a8.81 8.81 0 0 0 5.866 8.299.8.8 0 0 0 1.022-.488.8.8 0 0 0-.488-1.02A7.2 7.2 0 0 1 4.8 12c0-3.986 3.214-7.2 7.2-7.2a7.2 7.2 0 0 1 6.791 4.8.8.8 0 0 0 1.02.488.8.8 0 0 0 .488-1.022A8.81 8.81 0 0 0 12 3.2" style="stroke-linecap:round;-inkscape-stroke:none"/><path fill="#000" d="m20.529 13.195-.39-.39a.667.667 0 0 0-.944 0L11.89 20.11a1.3 1.3 0 0 0-.322.521l-.398 1.195a.267.267 0 0 0 .337.338l1.195-.399c.197-.065.375-.175.522-.322l7.306-7.306a.667.667 0 0 0 0-.943M22.195 12.471l-.39.39a.667.667 0 0 1-.943 0l-.39-.39a.667.667 0 0 1 0-.942l.39-.39c.26-.261.682-.261.943 0l.39.39c.26.26.26.682 0 .942"/></svg>

src/assets/font-icons/edited.svg

@@ -1,6 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 15L12 12V7" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.33333 19.5448C6.22615 18.4466 4 15.4833 4 12C4 7.58172 7.58172 4 12 4C15.4833 4 18.4466 6.22615 19.5448 9.33333" stroke="black" stroke-width="1.6" stroke-linecap="round"/>
-<path d="M20.5286 13.1953L20.1381 12.8048C19.8777 12.5444 19.4556 12.5444 19.1953 12.8048L11.8892 20.1108C11.7429 20.2572 11.6326 20.4356 11.5671 20.632L11.1687 21.8274C11.0992 22.0359 11.2975 22.2342 11.506 22.1647L12.7014 21.7662C12.8978 21.7008 13.0762 21.5905 13.2226 21.4441L20.5286 14.1381C20.7889 13.8777 20.7889 13.4556 20.5286 13.1953Z" fill="black"/>
-<path d="M22.1953 12.4714L21.8047 12.8619C21.5444 13.1223 21.1223 13.1223 20.8619 12.8619L20.4714 12.4714C20.2111 12.2111 20.2111 11.789 20.4714 11.5286L20.8619 11.1381C21.1223 10.8777 21.5444 10.8777 21.8047 11.1381L22.1953 11.5286C22.4556 11.789 22.4556 12.2111 22.1953 12.4714Z" fill="black"/>
-</svg>

src/components/middle/message/LastEditTimeMenuItem.tsx

@@ -23,7 +23,7 @@ function LastEditTimeMenuItem({
   const shouldRenderSkeleton = !editDate;
 
   return (
-    <MenuItem icon="edited" className={styles.item}>
+    <MenuItem icon="clock-edit" className={styles.item}>
       {shouldRenderSkeleton ? <Skeleton className={styles.skeleton} /> : Boolean(editDate)
         && lang('Chat.PrivateMessageEditTimestamp.Date', formatDateAtTime(lang, editDate * 1000))}
     </MenuItem>

src/styles/icons.scss

@@ -74,31 +74,31 @@ $icons-map: (
   "chat-badge": "\f12b",
   "chats-badge": "\f12c",
   "check": "\f12d",
-  "clock": "\f12e",
-  "close-circle": "\f12f",
-  "close-topic": "\f130",
-  "close": "\f131",
-  "cloud-download": "\f132",
-  "collapse-modal": "\f133",
-  "collapse": "\f134",
-  "colorize": "\f135",
-  "comments-sticker": "\f136",
-  "comments": "\f137",
-  "copy-media": "\f138",
-  "copy": "\f139",
-  "darkmode": "\f13a",
-  "data": "\f13b",
-  "delete-filled": "\f13c",
-  "delete-left": "\f13d",
-  "delete-user": "\f13e",
-  "delete": "\f13f",
-  "document": "\f140",
-  "double-badge": "\f141",
-  "down": "\f142",
-  "download": "\f143",
-  "eats": "\f144",
-  "edit": "\f145",
-  "edited": "\f146",
+  "clock-edit": "\f12e",
+  "clock": "\f12f",
+  "close-circle": "\f130",
+  "close-topic": "\f131",
+  "close": "\f132",
+  "cloud-download": "\f133",
+  "collapse-modal": "\f134",
+  "collapse": "\f135",
+  "colorize": "\f136",
+  "comments-sticker": "\f137",
+  "comments": "\f138",
+  "copy-media": "\f139",
+  "copy": "\f13a",
+  "darkmode": "\f13b",
+  "data": "\f13c",
+  "delete-filled": "\f13d",
+  "delete-left": "\f13e",
+  "delete-user": "\f13f",
+  "delete": "\f140",
+  "document": "\f141",
+  "double-badge": "\f142",
+  "down": "\f143",
+  "download": "\f144",
+  "eats": "\f145",
+  "edit": "\f146",
   "email": "\f147",
   "enter": "\f148",
   "expand-modal": "\f149",
@@ -411,6 +411,9 @@ $icons-map: (
 .icon-check::before {
   content: map.get($icons-map, "check");
 }
+.icon-clock-edit::before {
+  content: map.get($icons-map, "clock-edit");
+}
 .icon-clock::before {
   content: map.get($icons-map, "clock");
 }
@@ -483,9 +486,6 @@ $icons-map: (
 .icon-edit::before {
   content: map.get($icons-map, "edit");
 }
-.icon-edited::before {
-  content: map.get($icons-map, "edited");
-}
 .icon-email::before {
   content: map.get($icons-map, "email");
 }

src/types/icons/font.ts

@@ -44,6 +44,7 @@ export type FontIconName =
   | 'chat-badge'
   | 'chats-badge'
   | 'check'
+  | 'clock-edit'
   | 'clock'
   | 'close-circle'
   | 'close-topic'
@@ -68,7 +69,6 @@ export type FontIconName =
   | 'download'
   | 'eats'
   | 'edit'
-  | 'edited'
   | 'email'
   | 'enter'
   | 'expand-modal'