diff --git a/src/App.js b/src/App.js index 7c16dae..ec07a7e 100644 --- a/src/App.js +++ b/src/App.js @@ -43,13 +43,13 @@ export default function App() { - - + - + + diff --git a/src/components/Card.js b/src/components/Card.js index cd8af0c..bcecbe6 100644 --- a/src/components/Card.js +++ b/src/components/Card.js @@ -115,7 +115,14 @@ export function Alternatives({ nameList, children }) { {show ? ( nameList.map((name) => ( - }>{children(name)} + + + + }> + {children(name)} + )) ) : ( diff --git a/src/components/CratesioCard.js b/src/components/CratesioCard.js index 6e2f808..9e438c6 100644 --- a/src/components/CratesioCard.js +++ b/src/components/CratesioCard.js @@ -3,13 +3,15 @@ import { DiRust } from 'react-icons/di' import { Card, CardTitle, DedicatedAvailability } from './Card' export default function CratesioCard({ name }) { + const lowerCase = name.toLowerCase() + return ( - + crates.io (Rust) } /> diff --git a/src/components/DomainCard.js b/src/components/DomainCard.js index 89ada04..9a08b41 100644 --- a/src/components/DomainCard.js +++ b/src/components/DomainCard.js @@ -1,29 +1,46 @@ import React from 'react' -import { Card, CardTitle, DedicatedAvailability } from './Card' +import { Card, CardTitle, DedicatedAvailability, Alternatives } from './Card' import { FaMapSigns } from 'react-icons/fa' export default function DomainCard({ name }) { + const lowerCase = name.toLowerCase() + return ( - + Domain } /> } /> } /> + + {(name) => ( + } + /> + )} + ) } diff --git a/src/components/GithubCard.js b/src/components/GithubCard.js index 2794887..176c947 100644 --- a/src/components/GithubCard.js +++ b/src/components/GithubCard.js @@ -1,6 +1,7 @@ import React from 'react' import { FaGithub } from 'react-icons/fa' import { Card, CardTitle, DedicatedAvailability, Alternatives } from './Card' +import { capitalize } from '../util/text' export default function GithubCard({ name }) { return ( @@ -14,7 +15,12 @@ export default function GithubCard({ name }) { icon={} /> + nameList={[ + `${name.toLowerCase()}hq`, + `${name.toLowerCase()}-team`, + `${capitalize(name)}Team`, + `${name.toLowerCase()}-org`, + ]}> {(name) => ( + Homebrew } /> } /> diff --git a/src/components/JsOrgCard.js b/src/components/JsOrgCard.js index fa16371..b139f20 100644 --- a/src/components/JsOrgCard.js +++ b/src/components/JsOrgCard.js @@ -3,13 +3,15 @@ import { FaJsSquare } from 'react-icons/fa' import { Card, CardTitle, DedicatedAvailability } from './Card' export default function JsOrgCard({ name }) { + const lowerCase = name.toLowerCase() + return ( - + js.org } /> diff --git a/src/components/S3Card.js b/src/components/S3Card.js index 8bca316..789433a 100644 --- a/src/components/S3Card.js +++ b/src/components/S3Card.js @@ -3,13 +3,15 @@ import { Card, CardTitle, DedicatedAvailability } from './Card' import { FaAws } from 'react-icons/fa' export default function S3Card({ name }) { + const lowerCase = name.toLowerCase() + return ( - + AWS S3 } /> diff --git a/src/components/SlackCard.js b/src/components/SlackCard.js index c054303..312c436 100644 --- a/src/components/SlackCard.js +++ b/src/components/SlackCard.js @@ -3,13 +3,15 @@ import { Card, CardTitle, DedicatedAvailability } from './Card' import { FaSlack } from 'react-icons/fa' export default function SlackCard({ name }) { + const lowerCase = name.toLowerCase() + return ( - + Slack } />