Add unread icons. (#80)

* Add unread icon. * Add read icon. * Rename icons.
element-hq · May 20, 2024 · 5086370 · 5086370
1 parent ad1e5b0
commit 5086370
Show file tree

Hide file tree

Showing 22 changed files with 75 additions and 2 deletions.
diff --git a/assets/android/res/drawable/ic_compound_mark_as_read.xml b/assets/android/res/drawable/ic_compound_mark_as_read.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M21.32 9.13c0-0.66-0.33-1.24-0.86-1.56L13.1 3.25a1.81 1.81 0 0 0-1.85 0L3.87 7.57C3.35 7.9 3 8.47 3 9.13v9.17c0 1 0.82 1.83 1.83 1.83H19.5a1.84 1.84 0 0 0 1.83-1.83V9.13ZM11.2 13.11L4.6 8.98l6.64-3.9a1.81 1.81 0 0 1 1.85 0l6.65 3.9-6.6 4.13a1.85 1.85 0 0 1-1.94 0Z"/>
+</vector>
diff --git a/assets/android/res/drawable/ic_compound_mark_as_unread.xml b/assets/android/res/drawable/ic_compound_mark_as_unread.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+    <path
+        android:fillColor="#FF000000"
+        android:fillType="evenOdd"
+        android:pathData="M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a3 3 0 0 1-2 0 3.06 3.06 0 0 1-0.6-0.29L12 11.9 5 7.14V7h12.76A2.99 2.99 0 0 1 17 5Zm-4.44 8.93L19 9.55v7.85H5V9.56l6.44 4.37a1 1 0 0 0 1.12 0Z"/>
+</vector>
diff --git a/assets/android/src/CompoundIcons.kt b/assets/android/src/CompoundIcons.kt
@@ -286,6 +286,12 @@ object CompoundIcons {
     @Composable fun LockSolid(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_lock_solid)
     }
+    @Composable fun MarkAsRead(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_mark_as_read)
+    }
+    @Composable fun MarkAsUnread(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_mark_as_unread)
+    }
     @Composable fun MarkerReadReceipts(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_marker_read_receipts)
     }
@@ -618,6 +624,8 @@ object CompoundIcons {
         Lock(),
         LockOff(),
         LockSolid(),
+        MarkAsRead(),
+        MarkAsUnread(),
         MarkerReadReceipts(),
         Mention(),
         Menu(),
@@ -789,6 +797,8 @@ object CompoundIcons {
         R.drawable.ic_compound_lock,
         R.drawable.ic_compound_lock_off,
         R.drawable.ic_compound_lock_solid,
+        R.drawable.ic_compound_mark_as_read,
+        R.drawable.ic_compound_mark_as_unread,
         R.drawable.ic_compound_marker_read_receipts,
         R.drawable.ic_compound_mention,
         R.drawable.ic_compound_menu,

diff --git a/assets/ios/swift/CompoundIcons.swift b/assets/ios/swift/CompoundIcons.swift
@@ -87,6 +87,8 @@ public class CompoundIcons {
     public let menu = Image("menu", bundle: Bundle.module) 
     public let mention = Image("mention", bundle: Bundle.module) 
     public let markerReadReceipts = Image("markerReadReceipts", bundle: Bundle.module) 
+    public let markAsUnread = Image("markAsUnread", bundle: Bundle.module) 
+    public let markAsRead = Image("markAsRead", bundle: Bundle.module) 
     public let lock = Image("lock", bundle: Bundle.module) 
     public let lockSolid = Image("lockSolid", bundle: Bundle.module) 
     public let lockOff = Image("lockOff", bundle: Bundle.module) 

diff --git a/assets/ios/swift/Icons.xcassets/markAsRead.imageset/Contents.json b/assets/ios/swift/Icons.xcassets/markAsRead.imageset/Contents.json
@@ -0,0 +1 @@
+{"images":[{"filename":"markAsRead.svg","idiom":"universal"}],"info":{"author":"xcode","version":1},"properties":{"preserves-vector-representation":true,"template-rendering-intent":"template"}}
diff --git a/assets/ios/swift/Icons.xcassets/markAsRead.imageset/markAsRead.svg b/assets/ios/swift/Icons.xcassets/markAsRead.imageset/markAsRead.svg
diff --git a/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/Contents.json b/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/Contents.json
@@ -0,0 +1 @@
+{"images":[{"filename":"markAsUnread.svg","idiom":"universal"}],"info":{"author":"xcode","version":1},"properties":{"preserves-vector-representation":true,"template-rendering-intent":"template"}}
diff --git a/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/markAsUnread.svg b/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/markAsUnread.svg
diff --git a/assets/web/icons/$icons.json b/assets/web/icons/$icons.json
diff --git a/assets/web/icons/mark-as-read.svg b/assets/web/icons/mark-as-read.svg
diff --git a/assets/web/icons/mark-as-unread.svg b/assets/web/icons/mark-as-unread.svg
diff --git a/assets/web/js/cpdDark.d.ts b/assets/web/js/cpdDark.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

diff --git a/assets/web/js/cpdDark.js b/assets/web/js/cpdDark.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

diff --git a/assets/web/js/cpdDarkHc.d.ts b/assets/web/js/cpdDarkHc.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

diff --git a/assets/web/js/cpdDarkHc.js b/assets/web/js/cpdDarkHc.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

diff --git a/assets/web/js/cpdLight.d.ts b/assets/web/js/cpdLight.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

diff --git a/assets/web/js/cpdLight.js b/assets/web/js/cpdLight.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

diff --git a/assets/web/js/cpdLightHc.d.ts b/assets/web/js/cpdLightHc.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;

diff --git a/assets/web/js/cpdLightHc.js b/assets/web/js/cpdLightHc.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";

diff --git a/icons/$icons.json b/icons/$icons.json
diff --git a/icons/mark-as-read.svg b/icons/mark-as-read.svg
diff --git a/icons/mark-as-unread.svg b/icons/mark-as-unread.svg