chore: updated read receipt icon and color

RocketChat · Jan 30, 2025 · 3d8e86e · 3d8e86e
1 parent 494e591
commit 3d8e86e
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 9 deletions.
diff --git a/android/app/src/main/assets/fonts/custom.ttf b/android/app/src/main/assets/fonts/custom.ttf
diff --git a/app/containers/CustomIcon/mappedIcons.js b/app/containers/CustomIcon/mappedIcons.js
@@ -49,6 +49,7 @@ export const mappedIcons = {
 	'chat-close': 59701,
 	'chat-forward': 59702,
 	'check': 59703,
+	'check-double': 59855,
 	'checkbox-checked': 59654,
 	'checkbox-unchecked': 59653,
 	'chevron-down': 59704,

diff --git a/app/containers/CustomIcon/selection.json b/app/containers/CustomIcon/selection.json
diff --git a/app/containers/message/Components/RightIcons/ReadReceipt.tsx b/app/containers/message/Components/RightIcons/ReadReceipt.tsx
@@ -6,15 +6,11 @@ import { useTheme } from '../../../../theme';
 
 const ReadReceipt = React.memo(({ isReadReceiptEnabled, unread }: { isReadReceiptEnabled?: boolean; unread?: boolean }) => {
 	const { colors } = useTheme();
+	const iconName = !unread && unread !== null ? 'check-double' : 'check';
+	const iconColor = !unread && unread !== null ? colors.fontInfo : colors.fontAnnotation;
+
 	if (isReadReceiptEnabled) {
-		return (
-			<CustomIcon
-				name='check'
-				color={!unread && unread !== null ? colors.badgeBackgroundLevel2 : colors.fontHint}
-				size={16}
-				style={styles.rightIcons}
-			/>
-		);
+		return <CustomIcon name={iconName} color={iconColor} size={16} style={styles.rightIcons} />;
 	}
 	return null;
 });

diff --git a/ios/custom.ttf b/ios/custom.ttf