diff --git a/package.json b/package.json
index c2f2974..1ac6fd2 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,9 @@
"scripts": {
"start": "now dev"
},
+ "dependencies": {
+ "@types/node": "^12.6.8"
+ },
"license": "MIT",
"private": true,
"workspaces": [
diff --git a/web/src/components/Availability.js b/web/src/components/Availability.js
index 1a30594..d60b3aa 100644
--- a/web/src/components/Availability.js
+++ b/web/src/components/Availability.js
@@ -3,6 +3,8 @@ import styled from 'styled-components'
import useFetch from 'fetch-suspense'
import { BarLoader } from 'react-spinners'
+import { ExternalLink } from './Links'
+
function AvailabilityCell({
name,
availability,
@@ -15,7 +17,7 @@ function AvailabilityCell({
{icon}
-
-
+
{prefix}
{availability ? (
{name}
@@ -23,7 +25,7 @@ function AvailabilityCell({
{name}
)}
{suffix}
-
+
)
diff --git a/web/src/components/Card.js b/web/src/components/Cards.js
similarity index 100%
rename from web/src/components/Card.js
rename to web/src/components/Cards.js
diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js
index 36cb983..a209908 100644
--- a/web/src/components/Footer.js
+++ b/web/src/components/Footer.js
@@ -2,6 +2,8 @@ import React from 'react'
import styled from 'styled-components'
import { FaTwitter, FaGithubAlt } from 'react-icons/fa'
+import { ExternalLink } from './Links'
+
export default function Footer() {
return (
@@ -12,18 +14,12 @@ export default function Footer() {
-
+
- {' '}
-
+ {' '}
+
-
+
)
diff --git a/web/src/components/Links.js b/web/src/components/Links.js
new file mode 100644
index 0000000..9e4a2a6
--- /dev/null
+++ b/web/src/components/Links.js
@@ -0,0 +1,6 @@
+import styled from 'styled-components'
+
+export const ExternalLink = styled.a.attrs({
+ target: '_blank',
+ rel: 'noopener noreferrer',
+})``
diff --git a/web/src/components/cards/CratesioCard.js b/web/src/components/cards/CratesioCard.js
index 48bbfc7..5df3473 100644
--- a/web/src/components/cards/CratesioCard.js
+++ b/web/src/components/cards/CratesioCard.js
@@ -1,6 +1,6 @@
import React from 'react'
import { DiRust } from 'react-icons/di'
-import { Card } from '../Card'
+import { Card } from '../Cards'
import { DedicatedAvailability } from '../Availability'
export default function CratesioCard({ name }) {
diff --git a/web/src/components/cards/DomainCard.js b/web/src/components/cards/DomainCard.js
index 5f8deaf..72f337c 100644
--- a/web/src/components/cards/DomainCard.js
+++ b/web/src/components/cards/DomainCard.js
@@ -1,6 +1,6 @@
import React from 'react'
import { FaMapSigns } from 'react-icons/fa'
-import { Card } from '../Card'
+import { Card } from '../Cards'
import { DedicatedAvailability } from '../Availability'
export default function DomainCard({ name }) {
@@ -13,8 +13,8 @@ export default function DomainCard({ name }) {
nameList={[`${lowerCase}.app`, `${lowerCase}.dev`, `${lowerCase}.org`]}
alternativeList={[
`${lowerCase}app.com`,
+ `get${lowerCase}.com`,
`${lowerCase}.build`,
- `${lowerCase}.ai`,
]}>
{(name) => (
{(name) => (