1
0
mirror of https://github.com/uetchy/namae.git synced 2025-03-17 12:30:32 +09:00

chore: rename props

This commit is contained in:
uetchy 2019-07-31 13:40:16 +09:00
parent 11e7f0e9e0
commit 4b876af96f
11 changed files with 30 additions and 30 deletions

View File

@ -6,7 +6,7 @@ import { BarLoader } from 'react-spinners'
function AvailabilityCell({ function AvailabilityCell({
name, name,
availability, availability,
url, link,
prefix = '', prefix = '',
suffix = '', suffix = '',
icon, icon,
@ -15,7 +15,7 @@ function AvailabilityCell({
<ItemContainer> <ItemContainer>
{icon} {icon}
<Item> <Item>
<a href={url} target="_blank" rel="noopener noreferrer"> <a href={link} target="_blank" rel="noopener noreferrer">
{prefix} {prefix}
{availability ? ( {availability ? (
<span style={{ color: 'green' }}>{name}</span> <span style={{ color: 'green' }}>{name}</span>
@ -37,21 +37,21 @@ export const Fallback = () => (
export function DedicatedAvailability({ export function DedicatedAvailability({
name, name,
provider, service,
url, link,
prefix = '', prefix = '',
suffix = '', suffix = '',
icon, icon,
}) { }) {
const response = useFetch(`/availability/${provider}/${name}`) const response = useFetch(`/availability/${service}/${name}`)
if (response.error) { if (response.error) {
throw new Error(`${provider}: ${response.error}`) throw new Error(`${service}: ${response.error}`)
} }
return ( return (
<AvailabilityCell <AvailabilityCell
availability={response.availability} availability={response.availability}
name={name} name={name}
url={url} link={link}
prefix={prefix} prefix={prefix}
suffix={suffix} suffix={suffix}
icon={icon} icon={icon}
@ -75,7 +75,7 @@ export function ExistentialAvailability({
<AvailabilityCell <AvailabilityCell
name={name} name={name}
availability={availability} availability={availability}
url={`https://formulae.brew.sh/formula/${name}`} link={`https://formulae.brew.sh/formula/${name}`}
prefix={prefix} prefix={prefix}
suffix={suffix} suffix={suffix}
icon={icon} icon={icon}

View File

@ -11,8 +11,8 @@ export default function CratesioCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="cratesio" service="cratesio"
url={`https://crates.io/crates/${name}`} link={`https://crates.io/crates/${name}`}
icon={<DiRust />} icon={<DiRust />}
/> />
)} )}

View File

@ -19,8 +19,8 @@ export default function DomainCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="domain" service="domain"
url={`https://domainr.com/?q=${name}`} link={`https://domainr.com/?q=${name}`}
icon={<FaMapSigns />} icon={<FaMapSigns />}
/> />
)} )}

View File

@ -19,8 +19,8 @@ export default function GithubCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="github" service="github"
url={`https://github.com/${name}`} link={`https://github.com/${name}`}
prefix="github.com/" prefix="github.com/"
icon={<FaGithub />} icon={<FaGithub />}
/> />

View File

@ -13,13 +13,13 @@ export default function HomebrewCard({ name }) {
<ExistentialAvailability <ExistentialAvailability
name={name} name={name}
target={`https://formulae.brew.sh/api/formula/${name}.json`} target={`https://formulae.brew.sh/api/formula/${name}.json`}
url={`https://formulae.brew.sh/formula/${name}`} link={`https://formulae.brew.sh/formula/${name}`}
icon={<IoIosBeer />} icon={<IoIosBeer />}
/> />
<ExistentialAvailability <ExistentialAvailability
name={name} name={name}
target={`https://formulae.brew.sh/api/cask/${name}.json`} target={`https://formulae.brew.sh/api/cask/${name}.json`}
url={`https://formulae.brew.sh/cask/${name}`} link={`https://formulae.brew.sh/cask/${name}`}
suffix=" (Cask)" suffix=" (Cask)"
icon={<IoIosBeer />} icon={<IoIosBeer />}
/> />

View File

@ -11,8 +11,8 @@ export default function JsOrgCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={`${name}.js.org`} name={`${name}.js.org`}
provider="dns" service="dns"
url={`https://${name}.js.org`} link={`https://${name}.js.org`}
icon={<FaJsSquare />} icon={<FaJsSquare />}
/> />
)} )}

View File

@ -12,15 +12,15 @@ export default function NpmCard({ name }) {
<> <>
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="npm" service="npm"
url={`https://www.npmjs.com/package/${name}`} link={`https://www.npmjs.com/package/${name}`}
prefix="npmjs.com/" prefix="npmjs.com/"
icon={<FaNpm />} icon={<FaNpm />}
/> />
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="npm-org" service="npm-org"
url={`https://www.npmjs.com/org/${name}`} link={`https://www.npmjs.com/org/${name}`}
prefix="npmjs.com/~" prefix="npmjs.com/~"
suffix=" (Org)" suffix=" (Org)"
icon={<FaNpm />} icon={<FaNpm />}

View File

@ -9,8 +9,8 @@ export default function PypiCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="pypi" service="pypi"
url={`https://pypi.org/project/${name}`} link={`https://pypi.org/project/${name}`}
icon={<FaPython />} icon={<FaPython />}
/> />
)} )}

View File

@ -11,8 +11,8 @@ export default function S3Card({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="s3" service="s3"
url={`https://${name}.s3.amazonaws.com`} link={`https://${name}.s3.amazonaws.com`}
suffix=".s3.amazonaws.com" suffix=".s3.amazonaws.com"
icon={<FaAws />} icon={<FaAws />}
/> />

View File

@ -11,8 +11,8 @@ export default function SlackCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="slack" service="slack"
url={`https://${name}.slack.com`} link={`https://${name}.slack.com`}
suffix=".slack.com" suffix=".slack.com"
icon={<FaSlack />} icon={<FaSlack />}
/> />

View File

@ -19,8 +19,8 @@ export default function TwitterCard({ name }) {
{(name) => ( {(name) => (
<DedicatedAvailability <DedicatedAvailability
name={name} name={name}
provider="twitter" service="twitter"
url={`https://twitter.com/${name}`} link={`https://twitter.com/${name}`}
prefix="twitter.com/" prefix="twitter.com/"
icon={<FaTwitter />} icon={<FaTwitter />}
/> />