mirror of
https://github.com/System-End/site.git
synced 2026-04-19 22:05:11 +00:00
30 lines
637 B
JavaScript
30 lines
637 B
JavaScript
import Link from 'next/link'
|
|
import { memo } from 'react'
|
|
|
|
export const StaticMention = memo(({ avatar, username, link }) => (
|
|
<Link href={link}>
|
|
<a
|
|
className={`mention`}
|
|
style={{
|
|
display: 'inline-flex',
|
|
alignItems: 'baseline',
|
|
textDecoration: 'none'
|
|
}}
|
|
>
|
|
{avatar && (
|
|
<img
|
|
src={avatar}
|
|
alt={username}
|
|
width={24}
|
|
className="mention-avatar"
|
|
style={{
|
|
borderRadius: '50%',
|
|
marginRight: '4px',
|
|
alignSelf: 'flex-end'
|
|
}}
|
|
/>
|
|
)}
|
|
@{username}
|
|
</a>
|
|
</Link>
|
|
))
|