Apr 26, 2021 · Apr 26, 2021
diff --git a/src/components/TheAvatar/PostItemAvatar.js b/src/components/TheAvatar/PostItemAvatar.js
 import React from 'react'

 //import { ICON } from '@/config'
 import { ICON } from '@/config'
 import ImgFallback from '@/components/ImgFallback'
 import {
  Wrapper,
  InnerShadow,
  QuoteShadow,
  Avatar,
  QuoteAvatar,
  MaskIcon,
 } from './styles/post_item_avatar'

 const PostItemAvatar = ({ user, onSelect }) => {
        />
      )}
      {user.login === 'mydearxym' ? <QuoteShadow /> : <InnerShadow />}
      {/* <Tail src={`${ICON}/shape/tail.svg`} /> */}
      {user.login === 'mydearxym' && (
        <MaskIcon src={`${ICON}/user/mute-mask.svg`} />
      )}
    </Wrapper>
  )
 }
diff --git a/src/components/TheAvatar/styles/post_item_avatar.ts b/src/components/TheAvatar/styles/post_item_avatar.ts
  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;
Original file line number	Diff line number	Diff line change
		@@ -1,13 +1,14 @@
		import React from 'react'

		//import { ICON } from '@/config'
		import { ICON } from '@/config'
		import ImgFallback from '@/components/ImgFallback'
		import {
		Wrapper,
		InnerShadow,
		QuoteShadow,
		Avatar,
		QuoteAvatar,
		MaskIcon,
		} from './styles/post_item_avatar'

		const PostItemAvatar = ({ user, onSelect }) => {
Expand All		@@ -25,7 +26,9 @@ const PostItemAvatar = ({ user, onSelect }) => {
		/>
		)}
		{user.login === 'mydearxym' ? <QuoteShadow /> : <InnerShadow />}
		{/* <Tail src={`${ICON}/shape/tail.svg`} /> */}
		{user.login === 'mydearxym' && (
		<MaskIcon src={`${ICON}/user/mute-mask.svg`} />
		)}
		</Wrapper>
		)
		}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -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;
Expand Down