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
703 B
TypeScript
28 lines
703 B
TypeScript
type Props = {
|
|
repo: {
|
|
repo: string
|
|
description: string
|
|
}
|
|
href?: string
|
|
}
|
|
export const RepoCard = ({ repo, 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/${repo.repo}`}
|
|
>
|
|
<div className="flex-shrink-0 mr-3">
|
|
<img
|
|
src={`https://github.com/${repo.repo.split('/')[0]}.png`}
|
|
alt={repo.repo}
|
|
className="avatar avatar-8"
|
|
/>
|
|
</div>
|
|
<div className="flex-auto">
|
|
<h4>{repo.repo}</h4>
|
|
<p className="mt-1 color-fg-muted">{repo.description}</p>
|
|
</div>
|
|
</a>
|
|
)
|
|
}
|