chore: rename props

web/src/components/Availability.js

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

web/src/components/cards/CratesioCard.js

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

web/src/components/cards/DomainCard.js

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

web/src/components/cards/GithubCard.js

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

web/src/components/cards/HomebrewCard.js

@@ -13,13 +13,13 @@ export default function HomebrewCard({ name }) {
           <ExistentialAvailability
             name={name}
             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 />}
           />
           <ExistentialAvailability
             name={name}
             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)"
             icon={<IoIosBeer />}
           />

web/src/components/cards/JsOrgCard.js

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

web/src/components/cards/NpmCard.js

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

web/src/components/cards/PypiCard.js

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

web/src/components/cards/S3Card.js

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

web/src/components/cards/SlackCard.js

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

web/src/components/cards/TwitterCard.js

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