2019-07-31 13:11:00 +09:00
|
|
|
import React from 'react'
|
2019-08-03 13:36:29 +09:00
|
|
|
import { useTranslation } from 'react-i18next'
|
2019-07-31 13:11:00 +09:00
|
|
|
import { FaGithub } from 'react-icons/fa'
|
2019-08-06 00:45:18 +09:00
|
|
|
|
|
|
|
import { Card, Repeater, DedicatedAvailability } from '../Cards'
|
2019-07-31 13:11:00 +09:00
|
|
|
|
2019-08-06 02:07:05 +09:00
|
|
|
export default function GithubCard({ query }) {
|
2019-08-03 13:36:29 +09:00
|
|
|
const { t } = useTranslation()
|
2019-08-06 02:07:05 +09:00
|
|
|
const lowerCase = query.toLowerCase()
|
2019-07-31 18:54:28 +09:00
|
|
|
|
2019-08-06 02:07:05 +09:00
|
|
|
const names = [query]
|
2019-08-06 00:45:18 +09:00
|
|
|
const moreNames = [
|
|
|
|
`${lowerCase}hq`,
|
|
|
|
`${lowerCase}-team`,
|
|
|
|
`${lowerCase}-org`,
|
|
|
|
`${lowerCase}-js`,
|
|
|
|
]
|
|
|
|
|
2019-07-31 13:11:00 +09:00
|
|
|
return (
|
2019-08-06 00:45:18 +09:00
|
|
|
<Card title={t('providers.github')}>
|
|
|
|
<Repeater items={names} moreItems={moreNames}>
|
|
|
|
{(name) => (
|
|
|
|
<DedicatedAvailability
|
|
|
|
name={name}
|
|
|
|
service="github"
|
2019-08-07 22:25:51 +09:00
|
|
|
message="Create GitHub Organization"
|
|
|
|
link="https://github.com/organizations/new"
|
|
|
|
messageIfTaken={`Go to github.com/${name}`}
|
|
|
|
linkIfTaken={`https://github.com/${name}`}
|
2019-08-06 00:45:18 +09:00
|
|
|
prefix="github.com/"
|
|
|
|
icon={<FaGithub />}
|
|
|
|
/>
|
|
|
|
)}
|
|
|
|
</Repeater>
|
2019-07-31 13:11:00 +09:00
|
|
|
</Card>
|
|
|
|
)
|
|
|
|
}
|