56 lines
1.3 KiB
JavaScript
56 lines
1.3 KiB
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import LinkIcon from '../atoms/LinkIcon'
|
|
import styles from './Repository.module.scss'
|
|
|
|
export default function Repository({ repo }) {
|
|
const {
|
|
name,
|
|
full_name,
|
|
description,
|
|
html_url,
|
|
homepage,
|
|
stargazers_count
|
|
} = repo
|
|
|
|
const isExternal = !full_name.includes('kremalicious')
|
|
|
|
// for blog & portfolio and if there's no homepage, use github url
|
|
// else use homepage field
|
|
const repoLink =
|
|
name === 'blog' || name === 'portfolio' || !homepage || isExternal
|
|
? html_url
|
|
: homepage
|
|
|
|
return (
|
|
<div className={styles.repo}>
|
|
<h1 className={styles.repoTitle}>
|
|
<a href={repoLink}>{isExternal ? full_name : name}</a>
|
|
</h1>
|
|
<p>{description}</p>
|
|
<p className={styles.meta}>
|
|
{name === 'portfolio' || name === 'blog'
|
|
? null
|
|
: !isExternal &&
|
|
homepage && (
|
|
<a href={homepage}>
|
|
<LinkIcon title="website" /> More info
|
|
</a>
|
|
)}
|
|
|
|
<a href={html_url}>
|
|
<LinkIcon title="github" /> GitHub
|
|
</a>
|
|
|
|
<a href={`${html_url}/stargazers`}>
|
|
<LinkIcon title="star" /> {stargazers_count}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
Repository.propTypes = {
|
|
repo: PropTypes.object.isRequired
|
|
}
|