1
0
mirror of https://github.com/uetchy/namae.git synced 2025-07-02 06:20:02 +09:00
namae/web/src/components/cards/SlackCard.js

29 lines
689 B
JavaScript
Raw Normal View History

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 { FaSlack } from 'react-icons/fa'
2019-08-06 00:45:18 +09:00
import { Card, DedicatedAvailability, Repeater } from '../Cards'
2019-07-31 13:11:00 +09:00
2019-08-06 02:07:05 +09:00
export default function SlackCard({ 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 13:11:00 +09:00
2019-08-06 00:45:18 +09:00
const names = [lowerCase]
2019-07-31 13:11:00 +09:00
return (
2019-08-06 00:45:18 +09:00
<Card title={t('providers.slack')}>
<Repeater items={names}>
{(name) => (
<DedicatedAvailability
name={name}
service="slack"
link={`https://${name}.slack.com`}
suffix=".slack.com"
icon={<FaSlack />}
/>
)}
</Repeater>
2019-07-31 13:11:00 +09:00
</Card>
)
}