From 618512b4f82a78ebceff02b9dfadcb30ed95099a Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Wed, 7 Aug 2019 22:25:51 +0900
Subject: [PATCH] fix: card popup

---
 api/services/google.js                       |  2 ++
 web/public/locales/en/translation.json       |  2 +-
 web/public/locales/ja/translation.json       |  2 +-
 web/src/components/Cards.js                  | 12 ++++++++----
 web/src/components/cards/DomainCard.js       |  2 +-
 web/src/components/cards/GithubCard.js       |  5 ++++-
 web/src/components/cards/GithubSearchCard.js |  4 +++-
 web/src/components/cards/HomebrewCard.js     | 10 ++++++++--
 web/src/components/cards/JsOrgCard.js        |  5 ++++-
 web/src/components/cards/NpmCard.js          | 10 ++++++++--
 web/src/components/cards/PypiCard.js         |  5 ++++-
 web/src/components/cards/RubyGemsCard.js     |  5 ++++-
 web/src/components/cards/S3Card.js           |  5 ++++-
 web/src/components/cards/SlackCard.js        |  5 ++++-
 web/src/components/cards/TwitterCard.js      |  1 +
 15 files changed, 57 insertions(+), 18 deletions(-)

diff --git a/api/services/google.js b/api/services/google.js
index 77ab9d6..620dd6e 100644
--- a/api/services/google.js
+++ b/api/services/google.js
@@ -4,6 +4,8 @@ const googleIt = require('google-it')
 module.exports = async (req, res) => {
   const { query } = req.query
 
+  return send(res, { result: [] }) // DISABLE
+
   if (!query) {
     return res.status(400).json({ error: 'no query given' })
   }
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
index cb17d39..664001f 100644
--- a/web/public/locales/en/translation.json
+++ b/web/public/locales/en/translation.json
@@ -20,5 +20,5 @@
     "google": "Google Search"
   },
   "countryCode": "us",
-  "try": "How about"
+  "try": "AI Godfather"
 }
diff --git a/web/public/locales/ja/translation.json b/web/public/locales/ja/translation.json
index 89785c5..f50e05c 100644
--- a/web/public/locales/ja/translation.json
+++ b/web/public/locales/ja/translation.json
@@ -20,5 +20,5 @@
     "google": "Google 検索"
   },
   "countryCode": "jp",
-  "try": "これはどう?"
+  "try": "全自動名前考え機"
 }
diff --git a/web/src/components/Cards.js b/web/src/components/Cards.js
index b8f020e..41c5fb0 100644
--- a/web/src/components/Cards.js
+++ b/web/src/components/Cards.js
@@ -67,8 +67,10 @@ export function Repeater({ items = [], moreItems = [], children }) {
 export function DedicatedAvailability({
   name,
   message = '',
+  messageIfTaken = undefined,
   service,
   link,
+  linkIfTaken = undefined,
   prefix = '',
   suffix = '',
   icon,
@@ -82,8 +84,8 @@ export function DedicatedAvailability({
   return (
     <Result
       title={name}
-      message={message}
-      link={link}
+      message={response.availability ? message : messageIfTaken || message}
+      link={response.availability ? link : linkIfTaken || link}
       icon={icon}
       color={response.availability ? COLORS.available : COLORS.unavailable}
       prefix={prefix}
@@ -95,8 +97,10 @@ export function DedicatedAvailability({
 export function ExistentialAvailability({
   name,
   message = '',
+  messageIfTaken = undefined,
   target,
   link,
+  linkIfTaken = undefined,
   prefix = '',
   suffix = '',
   icon,
@@ -112,8 +116,8 @@ export function ExistentialAvailability({
   return (
     <Result
       title={name}
-      message={message}
-      link={link}
+      message={availability ? message : messageIfTaken || message}
+      link={availability ? link : linkIfTaken || link}
       icon={icon}
       color={availability ? COLORS.available : COLORS.unavailable}
       prefix={prefix}
diff --git a/web/src/components/cards/DomainCard.js b/web/src/components/cards/DomainCard.js
index b1a23bb..54c8eb4 100644
--- a/web/src/components/cards/DomainCard.js
+++ b/web/src/components/cards/DomainCard.js
@@ -23,7 +23,7 @@ export default function DomainCard({ query }) {
         {(name) => (
           <DedicatedAvailability
             name={name}
-            message="Go Domainr.com"
+            message="Go to Domainr.com"
             service="domain"
             link={`https://domainr.com/?q=${name}`}
             icon={<FaMapSigns />}
diff --git a/web/src/components/cards/GithubCard.js b/web/src/components/cards/GithubCard.js
index 0304aac..414c730 100644
--- a/web/src/components/cards/GithubCard.js
+++ b/web/src/components/cards/GithubCard.js
@@ -23,7 +23,10 @@ export default function GithubCard({ query }) {
           <DedicatedAvailability
             name={name}
             service="github"
-            link={`https://github.com/${name}`}
+            message="Create GitHub Organization"
+            link="https://github.com/organizations/new"
+            messageIfTaken={`Go to github.com/${name}`}
+            linkIfTaken={`https://github.com/${name}`}
             prefix="github.com/"
             icon={<FaGithub />}
           />
diff --git a/web/src/components/cards/GithubSearchCard.js b/web/src/components/cards/GithubSearchCard.js
index 4d0de0e..fd0e18e 100644
--- a/web/src/components/cards/GithubSearchCard.js
+++ b/web/src/components/cards/GithubSearchCard.js
@@ -19,7 +19,9 @@ function Search({ query }) {
         repos.map((repo) => (
           <Result
             title={repo.full_name}
-            message={`${repo.description} (🌟${repo.stargazers_count})`}
+            message={`${repo.description || repo.full_name} (🌟${
+              repo.stargazers_count
+            })`}
             link={repo.html_url}
             icon={<FaGithub />}
             key={repo.id}
diff --git a/web/src/components/cards/HomebrewCard.js b/web/src/components/cards/HomebrewCard.js
index 6f6a05a..72d55a7 100644
--- a/web/src/components/cards/HomebrewCard.js
+++ b/web/src/components/cards/HomebrewCard.js
@@ -18,13 +18,19 @@ export default function HomebrewCard({ query }) {
             <ExistentialAvailability
               name={name}
               target={`https://formulae.brew.sh/api/formula/${name}.json`}
-              link={`https://formulae.brew.sh/formula/${name}`}
+              message="Read Contribution Guide"
+              link="https://docs.brew.sh/How-To-Open-a-Homebrew-Pull-Request"
+              messageIfTaken="Go to formula page"
+              linkIfTaken={`https://formulae.brew.sh/formula/${name}`}
               icon={<IoIosBeer />}
             />
             <ExistentialAvailability
               name={name}
               target={`https://formulae.brew.sh/api/cask/${name}.json`}
-              link={`https://formulae.brew.sh/cask/${name}`}
+              message="Read Contribution Guide"
+              link="https://docs.brew.sh/How-To-Open-a-Homebrew-Pull-Request"
+              messageIfTaken="Go to formula page"
+              linkIfTaken={`https://formulae.brew.sh/cask/${name}`}
               suffix=" (Cask)"
               icon={<IoIosBeer />}
             />
diff --git a/web/src/components/cards/JsOrgCard.js b/web/src/components/cards/JsOrgCard.js
index 39de180..4b96675 100644
--- a/web/src/components/cards/JsOrgCard.js
+++ b/web/src/components/cards/JsOrgCard.js
@@ -17,7 +17,10 @@ export default function JsOrgCard({ query }) {
           <DedicatedAvailability
             name={`${name}.js.org`}
             service="dns"
-            link={`https://${name}.js.org`}
+            message="Go to js.org repository"
+            link="https://github.com/js-org/js.org"
+            messageIfTaken={`Go to ${name}.js.org`}
+            linkIfTaken={`https://${name}.js.org`}
             icon={<FaJsSquare />}
           />
         )}
diff --git a/web/src/components/cards/NpmCard.js b/web/src/components/cards/NpmCard.js
index 79777b0..32325a4 100644
--- a/web/src/components/cards/NpmCard.js
+++ b/web/src/components/cards/NpmCard.js
@@ -19,13 +19,19 @@ export default function NpmCard({ query }) {
             <DedicatedAvailability
               name={name}
               service="npm"
-              link={`https://www.npmjs.com/package/${name}`}
+              message="Read publishing guide"
+              link="https://docs.npmjs.com/packages-and-modules/contributing-packages-to-the-registry"
+              messageIfTaken={`See ${name}`}
+              linkIfTaken={`https://www.npmjs.com/package/${name}`}
               icon={<FaNpm />}
             />
             <DedicatedAvailability
               name={name}
               service="npm-org"
-              link={`https://www.npmjs.com/org/${name}`}
+              message="Create Org"
+              link="https://www.npmjs.com/org/create"
+              messageIfTaken={`See @${name}`}
+              linkIfTaken={`https://www.npmjs.com/org/${name}`}
               prefix="@"
               suffix=" (Organization)"
               icon={<FaNpm />}
diff --git a/web/src/components/cards/PypiCard.js b/web/src/components/cards/PypiCard.js
index 80f14f7..8325d91 100644
--- a/web/src/components/cards/PypiCard.js
+++ b/web/src/components/cards/PypiCard.js
@@ -18,7 +18,10 @@ export default function PypiCard({ query }) {
           <DedicatedAvailability
             name={name}
             service="pypi"
-            link={`https://pypi.org/project/${name}`}
+            message="Read Python Packaging User Guide"
+            link="https://packaging.python.org/"
+            messageIfTaken="Go to PyPI"
+            linkIfTaken={`https://pypi.org/project/${name}`}
             icon={<FaPython />}
           />
         )}
diff --git a/web/src/components/cards/RubyGemsCard.js b/web/src/components/cards/RubyGemsCard.js
index 36c5284..8bbdfb6 100644
--- a/web/src/components/cards/RubyGemsCard.js
+++ b/web/src/components/cards/RubyGemsCard.js
@@ -17,7 +17,10 @@ export default function RubyGemsCard({ query }) {
           <DedicatedAvailability
             name={name}
             service="rubygems"
-            link={`https://rubygems.org/gems/${name}`}
+            message="Read Publishing Guide"
+            link="https://guides.rubygems.org/publishing/"
+            messageIfTaken="Go to RubyGems"
+            linkIfTaken={`https://rubygems.org/gems/${name}`}
             icon={<FaGem />}
           />
         )}
diff --git a/web/src/components/cards/S3Card.js b/web/src/components/cards/S3Card.js
index d5b9ebf..ea9d764 100644
--- a/web/src/components/cards/S3Card.js
+++ b/web/src/components/cards/S3Card.js
@@ -17,7 +17,10 @@ export default function S3Card({ query }) {
           <DedicatedAvailability
             name={name}
             service="s3"
-            link={`https://${name}.s3.amazonaws.com`}
+            message="Go to S3 console"
+            link="https://s3.console.aws.amazon.com"
+            messageIfTaken={`Go to ${name}.s3.amazonaws.com`}
+            linkIfTaken={`https://${name}.s3.amazonaws.com`}
             suffix=".s3.amazonaws.com"
             icon={<FaAws />}
           />
diff --git a/web/src/components/cards/SlackCard.js b/web/src/components/cards/SlackCard.js
index fe6534f..74153f9 100644
--- a/web/src/components/cards/SlackCard.js
+++ b/web/src/components/cards/SlackCard.js
@@ -17,7 +17,10 @@ export default function SlackCard({ query }) {
           <DedicatedAvailability
             name={name}
             service="slack"
-            link={`https://${name}.slack.com`}
+            message="Create Slack Team"
+            link="https://slack.com/create"
+            messageIfTaken={`Go to ${name}.slack.com`}
+            linkIfTaken={`https://${name}.slack.com`}
             suffix=".slack.com"
             icon={<FaSlack />}
           />
diff --git a/web/src/components/cards/TwitterCard.js b/web/src/components/cards/TwitterCard.js
index 54f3968..bf65367 100644
--- a/web/src/components/cards/TwitterCard.js
+++ b/web/src/components/cards/TwitterCard.js
@@ -27,6 +27,7 @@ export default function TwitterCard({ query }) {
           <DedicatedAvailability
             name={name}
             service="twitter"
+            message="Go to Twitter"
             link={`https://twitter.com/${name}`}
             prefix="twitter.com/"
             icon={<FaTwitter />}