From c6d9b157c8144a9e9016c1621ea698f8a8831ac2 Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Fri, 2 Aug 2019 16:27:19 +0900
Subject: [PATCH] fix: more alternative names

---
 web/src/components/cards/NpmCard.js  | 6 +++++-
 web/src/components/cards/PypiCard.js | 7 ++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/web/src/components/cards/NpmCard.js b/web/src/components/cards/NpmCard.js
index fc65c46..e46c06a 100644
--- a/web/src/components/cards/NpmCard.js
+++ b/web/src/components/cards/NpmCard.js
@@ -7,7 +7,11 @@ export default function NpmCard({ name }) {
   const lowerCase = name.toLowerCase()
 
   return (
-    <Card title="npm" key={lowerCase} nameList={[lowerCase]}>
+    <Card
+      title="npm"
+      key={lowerCase}
+      nameList={[lowerCase]}
+      alternativeList={[`${lowerCase}-js`]}>
       {(name) => (
         <>
           <DedicatedAvailability
diff --git a/web/src/components/cards/PypiCard.js b/web/src/components/cards/PypiCard.js
index 48119d2..cdf635f 100644
--- a/web/src/components/cards/PypiCard.js
+++ b/web/src/components/cards/PypiCard.js
@@ -2,10 +2,15 @@ import React from 'react'
 import { FaPython } from 'react-icons/fa'
 import { Card } from '../Cards'
 import { DedicatedAvailability } from '../Availability'
+import { capitalize } from '../../util/text'
 
 export default function PypiCard({ name }) {
   return (
-    <Card title="PyPI" key={name} nameList={[name]}>
+    <Card
+      title="PyPI"
+      key={name}
+      nameList={[name]}
+      alternativeList={[`Py${capitalize(name)}`]}>
       {(name) => (
         <DedicatedAvailability
           name={name}