diff --git a/src/assets/icon-verified.svg b/src/assets/icon-verified.svg
deleted file mode 100644
index bbb09673e..000000000
--- a/src/assets/icon-verified.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/components/common/VerifiedIcon.scss b/src/components/common/VerifiedIcon.scss
index 7a6c5449c..d96af7b60 100644
--- a/src/components/common/VerifiedIcon.scss
+++ b/src/components/common/VerifiedIcon.scss
@@ -3,8 +3,7 @@
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
- background-image: url('../../assets/icon-verified.svg');
- background-repeat: no-repeat;
- background-size: 100%;
- background-position: center;
+
+ --color-fill: var(--color-primary);
+ --color-checkmark: #fff;
}
diff --git a/src/components/common/VerifiedIcon.tsx b/src/components/common/VerifiedIcon.tsx
index f6dc5bb0a..c17f70aab 100644
--- a/src/components/common/VerifiedIcon.tsx
+++ b/src/components/common/VerifiedIcon.tsx
@@ -2,9 +2,13 @@ import React, { FC } from '../../lib/teact/teact';
import './VerifiedIcon.scss';
+// eslint-disable-next-line max-len
+const VERIFIED_ICON = { __html: '' };
+
const VerifiedIcon: FC = () => {
return (
-
+ // eslint-disable-next-line react/no-danger
+
);
};
diff --git a/src/components/left/main/Chat.scss b/src/components/left/main/Chat.scss
index b48db3b98..2d3ff0c64 100644
--- a/src/components/left/main/Chat.scss
+++ b/src/components/left/main/Chat.scss
@@ -44,6 +44,11 @@
&.selected:hover {
--background-color: var(--color-chat-active) !important;
+ .VerifiedIcon {
+ --color-fill: #fff;
+ --color-checkmark: var(--color-primary)
+ }
+
.Avatar.online::after {
border-color: var(--color-chat-active) !important;
background: var(--color-white);