1
0
mirror of https://github.com/uetchy/namae.git synced 2025-07-05 15:50:03 +09:00

35 lines
978 B
TypeScript

import React from 'react'
import { useTranslation } from 'react-i18next'
import { FaPython } from 'react-icons/fa'
import { capitalize } from '../../util/text'
import { Card, DedicatedAvailability, Repeater } from './core'
const PypiCard: React.FC<{ query: string }> = ({ query }) => {
const { t } = useTranslation()
const names = [query]
const moreNames = [`Py${capitalize(query)}`]
return (
<Card title={t('providers.pypi')}>
<Repeater items={names} moreItems={moreNames}>
{(name) => (
<DedicatedAvailability
name={name}
query={`pypi.org/pypi/${name}/json`}
service="existence"
message="Read Python Packaging User Guide"
link="https://packaging.python.org/"
messageIfTaken="Go to PyPI"
linkIfTaken={`https://pypi.org/project/${name}`}
icon={<FaPython />}
/>
)}
</Repeater>
</Card>
)
}
export default PypiCard