diff --git a/src/components/TheAvatar/PostItemAvatar.js b/src/components/TheAvatar/PostItemAvatar.js
index f90fc94fc..0510f6185 100644
--- a/src/components/TheAvatar/PostItemAvatar.js
+++ b/src/components/TheAvatar/PostItemAvatar.js
@@ -1,6 +1,6 @@
import React from 'react'
-// import { ICON } from '@/config'
+import { ICON } from '@/config'
import ImgFallback from '@/components/ImgFallback'
import {
Wrapper,
@@ -8,6 +8,7 @@ import {
QuoteShadow,
Avatar,
QuoteAvatar,
+ MaskIcon,
} from './styles/post_item_avatar'
const PostItemAvatar = ({ user, onSelect }) => {
@@ -25,7 +26,9 @@ const PostItemAvatar = ({ user, onSelect }) => {
/>
)}
{user.login === 'mydearxym' ? : }
- {/* */}
+ {user.login === 'mydearxym' && (
+
+ )}
)
}
diff --git a/src/components/TheAvatar/styles/post_item_avatar.ts b/src/components/TheAvatar/styles/post_item_avatar.ts
index 19710570b..9411824a5 100644
--- a/src/components/TheAvatar/styles/post_item_avatar.ts
+++ b/src/components/TheAvatar/styles/post_item_avatar.ts
@@ -38,6 +38,14 @@ export const QuoteAvatar = styled(Avatar)`
border: 2px solid;
border-color: ${theme('avatar.quote')};
`
+export const MaskIcon = styled(Img)`
+ position: absolute;
+ bottom: -4px;
+ left: -3px;
+ ${css.size(22)};
+ fill: #bd572b;
+ z-index: 2;
+`
export const Tail = styled(TailBase)`
${Wrapper}:hover & {
left: -6px;