chore: cosmetic changes

web/src/components/cards/AppStoreCard.js

@@ -11,7 +11,7 @@ function Search({ query }) {
   const apps = response.result
 
   return (
-    <div>
+    <>
       {apps.map((app) => (
         <Result
           title={app.name}
@@ -21,7 +21,7 @@ function Search({ query }) {
           key={app.id}
         />
       ))}
-    </div>
+    </>
   )
 }
 

web/src/components/cards/CratesioCard.js

@@ -4,9 +4,9 @@ import { DiRust } from 'react-icons/di'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function CratesioCard({ name }) {
+export default function CratesioCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
 

web/src/components/cards/DomainCard.js

@@ -4,16 +4,17 @@ import { FaMapSigns } from 'react-icons/fa'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function DomainCard({ name }) {
+export default function DomainCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
-  const names = [`${lowerCase}.com`, `${lowerCase}app.com`, `${lowerCase}.app`]
+  const names = [`${lowerCase}.com`, `${lowerCase}.app`]
   const moreNames = [
+    `${lowerCase}app.com`,
+    `get${lowerCase}.com`,
     `${lowerCase}.dev`,
     `${lowerCase}.io`,
     `${lowerCase}.tools`,
-    `get${lowerCase}.com`,
   ]
 
   return (

web/src/components/cards/GithubCard.js

@@ -4,11 +4,11 @@ import { FaGithub } from 'react-icons/fa'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function GithubCard({ name }) {
+export default function GithubCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
-  const names = [name]
+  const names = [query]
   const moreNames = [
     `${lowerCase}hq`,
     `${lowerCase}-team`,

web/src/components/cards/GithubSearchCard.js

@@ -13,7 +13,7 @@ function Search({ query }) {
   const repos = response.items
 
   return (
-    <div>
+    <>
       {repos.map((repo) => (
         <Result
           title={repo.full_name}
@@ -23,7 +23,7 @@ function Search({ query }) {
           key={repo.id}
         />
       ))}
-    </div>
+    </>
   )
 }
 

web/src/components/cards/HomebrewCard.js

@@ -4,9 +4,9 @@ import { IoIosBeer } from 'react-icons/io'
 
 import { Card, Repeater, ExistentialAvailability } from '../Cards'
 
-export default function HomebrewCard({ name }) {
+export default function HomebrewCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
 

web/src/components/cards/JsOrgCard.js

@@ -4,9 +4,9 @@ import { FaJsSquare } from 'react-icons/fa'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function JsOrgCard({ name }) {
+export default function JsOrgCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
 

web/src/components/cards/LinuxCard.js

@@ -5,9 +5,9 @@ import { DiDebian } from 'react-icons/di'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function LinuxCard({ name }) {
+export default function LinuxCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
 

web/src/components/cards/NpmCard.js

@@ -4,9 +4,9 @@ import { FaNpm } from 'react-icons/fa'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function NpmCard({ name }) {
+export default function NpmCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
   const moreNames = [`${lowerCase}-js`]

web/src/components/cards/PypiCard.js

@@ -5,11 +5,11 @@ import { FaPython } from 'react-icons/fa'
 import { capitalize } from '../../util/text'
 import { Card, DedicatedAvailability, Repeater } from '../Cards'
 
-export default function PypiCard({ name }) {
+export default function PypiCard({ query }) {
   const { t } = useTranslation()
 
-  const names = [name]
-  const moreNames = [`Py${capitalize(name)}`]
+  const names = [query]
+  const moreNames = [`Py${capitalize(query)}`]
 
   return (
     <Card title={t('providers.pypi')}>

web/src/components/cards/RubyGemsCard.js

@@ -4,11 +4,11 @@ import { FaGem } from 'react-icons/fa'
 
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function RubyGemsCard({ name }) {
+export default function RubyGemsCard({ query }) {
   const { t } = useTranslation()
 
-  const names = [name]
-  const moreNames = [`${name.toLowerCase()}-rb`]
+  const names = [query]
+  const moreNames = [`${query.toLowerCase()}-rb`]
 
   return (
     <Card title={t('providers.rubygems')}>

web/src/components/cards/S3Card.js

@@ -4,9 +4,9 @@ import { FaAws } from 'react-icons/fa'
 
 import { Card, DedicatedAvailability, Repeater } from '../Cards'
 
-export default function S3Card({ name }) {
+export default function S3Card({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
 

web/src/components/cards/SlackCard.js

@@ -4,9 +4,9 @@ import { FaSlack } from 'react-icons/fa'
 
 import { Card, DedicatedAvailability, Repeater } from '../Cards'
 
-export default function SlackCard({ name }) {
+export default function SlackCard({ query }) {
   const { t } = useTranslation()
-  const lowerCase = name.toLowerCase()
+  const lowerCase = query.toLowerCase()
 
   const names = [lowerCase]
 

web/src/components/cards/TwitterCard.js

@@ -5,17 +5,19 @@ import { FaTwitter } from 'react-icons/fa'
 import { capitalize } from '../../util/text'
 import { Card, Repeater, DedicatedAvailability } from '../Cards'
 
-export default function TwitterCard({ name }) {
+export default function TwitterCard({ query }) {
   const { t } = useTranslation()
+  const lowerCase = query.toLowerCase()
+  const capitalCase = capitalize(query)
 
-  const names = [name]
+  const names = [query]
   const moreNames = [
-    `${name.toLowerCase()}app`,
-    `hey${name.toLowerCase()}`,
-    `${capitalize(name)}Team`,
-    `${capitalize(name)}HQ`,
-    `${name.toLowerCase()}_official`,
-    `${name.toLowerCase()}-support`,
+    `${lowerCase}app`,
+    `hey${lowerCase}`,
+    `${capitalCase}Team`,
+    `${capitalCase}HQ`,
+    `${lowerCase}_official`,
+    `${lowerCase}-support`,
   ]
 
   return (