fix: rename components

web/src/components/cards/CratesioCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { DiRust } from 'react-icons/di'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function CratesioCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/DomainCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaMapSigns } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function DomainCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/GithubCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaGithub } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function GithubCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/GithubSearchCard.js

@@ -0,0 +1,26 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { FaGithub } from 'react-icons/fa'
+import fetch from 'isomorphic-unfetch'
+import { CustomSearchCard } from '../Cards'
+
+export default function GithubSearchCard({ name }) {
+  const { t } = useTranslation()
+
+  return (
+    <CustomSearchCard
+      title={t('providers.githubSearch')}
+      query={name}
+      link={`https://github.com/search/${name}`}
+      prefix="github.com/"
+      icon={<FaGithub />}>
+      {async (query) => {
+        const response = await fetch(
+          `https://api.github.com/repos/search?q=${query}`
+        )
+        const data = await response.json()
+        console.log(data)
+      }}
+    </CustomSearchCard>
+  )
+}

web/src/components/cards/HomebrewCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { IoIosBeer } from 'react-icons/io'
 import { Card } from '../Cards'
-import { ExistentialAvailability } from '../Availability'
+import { ExistentialAvailability } from '../Cards'
 
 export default function HomebrewCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/JsOrgCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaJsSquare } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function JsOrgCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/NpmCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaNpm } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function NpmCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/PypiCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaPython } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 import { capitalize } from '../../util/text'
 
 export default function PypiCard({ name }) {

web/src/components/cards/RubyGemsCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaGem } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function RubyGemsCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/S3Card.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaAws } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function S3Card({ name }) {
   const { t } = useTranslation()

web/src/components/cards/SlackCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaSlack } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 
 export default function SlackCard({ name }) {
   const { t } = useTranslation()

web/src/components/cards/TwitterCard.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { FaTwitter } from 'react-icons/fa'
 import { Card } from '../Cards'
-import { DedicatedAvailability } from '../Availability'
+import { DedicatedAvailability } from '../Cards'
 import { capitalize } from '../../util/text'
 
 export default function TwitterCard({ name }) {
@@ -13,11 +13,12 @@ export default function TwitterCard({ name }) {
       title={t('providers.twitter')}
       nameList={[name]}
       alternativeList={[
-        `${capitalize(name)}HQ`,
         `${name.toLowerCase()}app`,
-        `${name.toLowerCase()}-support`,
+        `hey${name.toLowerCase()}`,
         `${capitalize(name)}Team`,
-        `${capitalize(name)}Official`,
+        `${capitalize(name)}HQ`,
+        `${name.toLowerCase()}_official`,
+        `${name.toLowerCase()}-support`,
       ]}>
       {(name) => (
         <DedicatedAvailability