Commit89fae40

authored

feat(avatar): a mute-mask concept (#1070)

1 parent086974d commit89fae40Copy full SHA for 89fae40

File tree

+13

-2

lines changed

+13

-2

lines changed

Lines changed: 5 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,14 @@`
`1`	`1`	`importReactfrom'react'`
`2`	`2`
`3`		`-//import { ICON } from '@/config'`
	`3`	`+import{ICON}from'@/config'`
`4`	`4`	`importImgFallbackfrom'@/components/ImgFallback'`
`5`	`5`	`import{`
`6`	`6`	`Wrapper,`
`7`	`7`	`InnerShadow,`
`8`	`8`	`QuoteShadow,`
`9`	`9`	`Avatar,`
`10`	`10`	`QuoteAvatar,`
	`11`	`+MaskIcon,`
`11`	`12`	`}from'./styles/post_item_avatar'`
`12`	`13`
`13`	`14`	`constPostItemAvatar=({ user, onSelect})=>{`
`@@ -25,7 +26,9 @@ const PostItemAvatar = ({ user, onSelect }) => {`
`25`	`26`	`/>`
`26`	`27`	`)}`
`27`	`28`	`{user.login==='mydearxym' ?<QuoteShadow/> :<InnerShadow/>}`
`28`		-{/* <Tail src={`${ICON}/shape/tail.svg`} /> */}
	`29`	`+{user.login==='mydearxym'&&(`
	`30`	+<MaskIconsrc={`${ICON}/user/mute-mask.svg`}/>
	`31`	`+)}`
`29`	`32`	`</Wrapper>`
`30`	`33`	`)`
`31`	`34`	`}`

Lines changed: 8 additions & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -38,6 +38,14 @@ export const QuoteAvatar = styled(Avatar)`
`38`	`38`	`border: 2px solid;`
`39`	`39`	`border-color:${theme('avatar.quote')};`
`40`	`40`	`
	`41`	+exportconstMaskIcon=styled(Img)`
	`42`	`+ position: absolute;`
	`43`	`+ bottom: -4px;`
	`44`	`+ left: -3px;`
	`45`	`+${css.size(22)};`
	`46`	`+ fill: #bd572b;`
	`47`	`+ z-index: 2;`
	`48`	+`
`41`	`49`	exportconstTail=styled(TailBase)`
`42`	`50`	`${Wrapper}:hover & {`
`43`	`51`	`left: -6px;`

Comments

(0)