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;