567652b0e3
* Create migrate-colors-primer-18.js * Update colors round 1 * upgrade primer packages * Update index.scss * Replace auto colors * remove btn-primary-matte * Turns out the class names and variables names DONT LINE UP... ugh.... * Check for allowed var colors
28 lines
716 B
TypeScript
28 lines
716 B
TypeScript
type Props = {
|
|
user: {
|
|
username: string
|
|
description: string
|
|
}
|
|
href?: string
|
|
}
|
|
export const UserCard = ({ user, href }: Props) => {
|
|
return (
|
|
<a
|
|
className="Box d-flex height-full color-shadow-medium hover-shadow-large no-underline color-fg-default p-4"
|
|
href={href || `https://github.com/${user.username}`}
|
|
>
|
|
<div className="flex-shrink-0 mr-3">
|
|
<img
|
|
src={`https://github.com/${user.username}.png`}
|
|
alt={user.username}
|
|
className="avatar avatar-8 circle"
|
|
/>
|
|
</div>
|
|
<div className="flex-auto">
|
|
<h4>{user.username}</h4>
|
|
<p className="mt-1 color-fg-muted">{user.description}</p>
|
|
</div>
|
|
</a>
|
|
)
|
|
}
|