mirror of
https://github.com/uetchy/namae.git
synced 2025-07-07 08:25:59 +09:00
31 lines
804 B
TypeScript
31 lines
804 B
TypeScript
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { DiRust } from 'react-icons/di'
|
|
import { Card, DedicatedAvailability, Repeater } from '../core'
|
|
|
|
const CratesioCard: React.FC<{ query: string }> = ({ query }) => {
|
|
const { t } = useTranslation()
|
|
const lowerCase = query.toLowerCase()
|
|
|
|
const names = [lowerCase]
|
|
|
|
return (
|
|
<Card title={t('providers.rust')}>
|
|
<Repeater items={names}>
|
|
{(name) => (
|
|
<DedicatedAvailability
|
|
name={name}
|
|
query={`crates.io/api/v1/crates/${name}`}
|
|
service="existence"
|
|
link={`https://crates.io/crates/${name}`}
|
|
message="Go to crates.io"
|
|
icon={<DiRust />}
|
|
/>
|
|
)}
|
|
</Repeater>
|
|
</Card>
|
|
)
|
|
}
|
|
|
|
export default CratesioCard
|