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:
parent
11e7f0e9e0
commit
4b876af96f
@ -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}
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -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 />}
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
|
@ -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 />}
|
||||||
/>
|
/>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user