chore: move cards to the folder

web/src/components/cards/index.tsx

@@ -1,28 +1,28 @@
 import React from 'react';
 import styled from 'styled-components';
 import {useTranslation} from 'react-i18next';
-
 import {mobile} from '../../util/css';
-import DomainCard from './Domains';
-import GithubCard from './GitHubRepository';
-import GitLabCard from './GitLab';
-import NpmCard from './Npm';
-import PypiCard from './PyPI';
-import RubyGemsCard from './RubyGems';
-import CratesioCard from './Cratesio';
-import HomebrewCard from './Homebrew';
-import LinuxCard from './Linux';
-import TwitterCard from './Twitter';
-import SpectrumCard from './Spectrum';
-import SlackCard from './Slack';
-import S3Card from './S3';
-import JsOrgCard from './JsOrg';
-import GithubSearchCard from './GitHubSearch';
-import AppStoreCard from './AppStore';
-import HerokuCard from './Heroku';
-import NowCard from './Now';
-import NtaCard from './Nta';
-import NetlifyCard from './Netlify';
+
+import DomainCard from './providers/Domains';
+import GithubCard from './providers/GitHubRepository';
+import GitLabCard from './providers/GitLab';
+import NpmCard from './providers/Npm';
+import PypiCard from './providers/PyPI';
+import RubyGemsCard from './providers/RubyGems';
+import CratesioCard from './providers/Cratesio';
+import HomebrewCard from './providers/Homebrew';
+import LinuxCard from './providers/Linux';
+import TwitterCard from './providers/Twitter';
+import SpectrumCard from './providers/Spectrum';
+import SlackCard from './providers/Slack';
+import S3Card from './providers/S3';
+import JsOrgCard from './providers/JsOrg';
+import GithubSearchCard from './providers/GitHubSearch';
+import AppStoreCard from './providers/AppStore';
+import HerokuCard from './providers/Heroku';
+import NowCard from './providers/Now';
+import NtaCard from './providers/Nta';
+import NetlifyCard from './providers/Netlify';
 
 const Index: React.FC<{query: string}> = ({query}) => {
   const {

web/src/components/cards/providers/AppStore.tsx

@@ -3,7 +3,7 @@ import useFetch from 'fetch-suspense';
 import {useTranslation} from 'react-i18next';
 import {FaAppStore, FaInfoCircle} from 'react-icons/fa';
 
-import {Card, Result} from './core';
+import {Card, Result} from '../core';
 
 const Search: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Cratesio.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {DiRust} from 'react-icons/di';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const CratesioCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Domains.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaMapSigns} from 'react-icons/fa';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const DomainCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/GitHubRepository.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaGithub} from 'react-icons/fa';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const GithubCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/GitHubSearch.tsx

@@ -3,7 +3,7 @@ import useFetch from 'fetch-suspense';
 import {useTranslation} from 'react-i18next';
 import {FaGithub, FaInfoCircle} from 'react-icons/fa';
 
-import {Card, Result} from './core';
+import {Card, Result} from '../core';
 
 const Search: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/GitLab.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaGitlab} from 'react-icons/fa';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const GitLabCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Heroku.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {DiHeroku} from 'react-icons/di';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const HerokuCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Homebrew.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {IoIosBeer} from 'react-icons/io';
 
-import {Card, Repeater, ExistentialAvailability} from './core';
+import {Card, Repeater, ExistentialAvailability} from '../core';
 
 const HomebrewCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/JsOrg.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaJsSquare} from 'react-icons/fa';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const JsOrgCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Linux.tsx

@@ -3,7 +3,7 @@ import {useTranslation} from 'react-i18next';
 import {DiUbuntu} from 'react-icons/di';
 import {DiDebian} from 'react-icons/di';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const LinuxCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Netlify.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import {useTranslation} from 'react-i18next';
-import {NetlifyIcon} from '../Icons';
+import {NetlifyIcon} from '../../Icons';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const NetlifyCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Now.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import {useTranslation} from 'react-i18next';
-import {NowIcon} from '../Icons';
+import {NowIcon} from '../../Icons';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const NowCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Npm.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaNpm} from 'react-icons/fa';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const NpmCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Nta.tsx

@@ -3,7 +3,7 @@ import useFetch from 'fetch-suspense';
 import {useTranslation} from 'react-i18next';
 import {FaBuilding, FaInfoCircle} from 'react-icons/fa';
 
-import {Card, Result} from './core';
+import {Card, Result} from '../core';
 
 const Search: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/PyPI.tsx

@@ -1,15 +1,15 @@
-import React from 'react'
-import { useTranslation } from 'react-i18next'
-import { FaPython } from 'react-icons/fa'
+import React from 'react';
+import {useTranslation} from 'react-i18next';
+import {FaPython} from 'react-icons/fa';
 
-import { capitalize } from '../../util/text'
-import { Card, DedicatedAvailability, Repeater } from './core'
+import {capitalize} from '../../../util/text';
+import {Card, DedicatedAvailability, Repeater} from '../core';
 
-const PypiCard: React.FC<{ query: string }> = ({ query }) => {
-  const { t } = useTranslation()
+const PypiCard: React.FC<{query: string}> = ({query}) => {
+  const {t} = useTranslation();
 
-  const names = [query]
-  const moreNames = [`Py${capitalize(query)}`]
+  const names = [query];
+  const moreNames = [`Py${capitalize(query)}`];
 
   return (
     <Card title={t('providers.pypi')}>
@@ -28,7 +28,7 @@ const PypiCard: React.FC<{ query: string }> = ({ query }) => {
         )}
       </Repeater>
     </Card>
-  )
-}
+  );
+};
 
-export default PypiCard
+export default PypiCard;

web/src/components/cards/providers/RubyGems.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaGem} from 'react-icons/fa';
 
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const RubyGemsCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/S3.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaAws} from 'react-icons/fa';
 
-import {Card, DedicatedAvailability, Repeater} from './core';
+import {Card, DedicatedAvailability, Repeater} from '../core';
 
 const S3Card: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Slack.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaSlack} from 'react-icons/fa';
 
-import {Card, DedicatedAvailability, Repeater} from './core';
+import {Card, DedicatedAvailability, Repeater} from '../core';
 
 const SlackCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Spectrum.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {useTranslation} from 'react-i18next';
-import {Card, Repeater, DedicatedAvailability} from './core';
-import {SpectrumIcon} from '../Icons';
+import {Card, Repeater, DedicatedAvailability} from '../core';
+import {SpectrumIcon} from '../../Icons';
 
 const SpectrumCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();

web/src/components/cards/providers/Twitter.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import {useTranslation} from 'react-i18next';
 import {FaTwitter} from 'react-icons/fa';
 
-import {capitalize} from '../../util/text';
-import {Card, Repeater, DedicatedAvailability} from './core';
+import {capitalize} from '../../../util/text';
+import {Card, Repeater, DedicatedAvailability} from '../core';
 
 const TwitterCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();