2019-09-17 14:30:26 +09:00
|
|
|
import React from 'react';
|
|
|
|
import styled from 'styled-components';
|
|
|
|
import {useTranslation} from 'react-i18next';
|
|
|
|
import {mobile} from '../../util/css';
|
2020-02-05 16:22:35 +09:00
|
|
|
|
|
|
|
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';
|
2020-03-22 13:11:25 +09:00
|
|
|
import InstagramCard from './providers/Instagram';
|
2020-02-05 16:22:35 +09:00
|
|
|
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';
|
2020-02-05 19:56:59 +09:00
|
|
|
import OcamlCard from './providers/Ocaml';
|
2019-09-02 19:41:44 +09:00
|
|
|
|
2019-09-17 14:30:26 +09:00
|
|
|
const Index: React.FC<{query: string}> = ({query}) => {
|
2019-09-02 19:41:44 +09:00
|
|
|
const {
|
2019-09-17 14:30:26 +09:00
|
|
|
i18n: {language},
|
|
|
|
} = useTranslation();
|
2019-09-02 19:41:44 +09:00
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<Cards>
|
|
|
|
<DomainCard query={query} />
|
|
|
|
<GithubCard query={query} />
|
2019-10-16 14:14:02 +09:00
|
|
|
<GitLabCard query={query} />
|
2019-09-02 19:41:44 +09:00
|
|
|
<NpmCard query={query} />
|
|
|
|
<PypiCard query={query} />
|
|
|
|
<CratesioCard query={query} />
|
2020-02-05 19:56:59 +09:00
|
|
|
<RubyGemsCard query={query} />
|
|
|
|
<OcamlCard query={query} />
|
2019-09-02 19:41:44 +09:00
|
|
|
<HomebrewCard query={query} />
|
|
|
|
<LinuxCard query={query} />
|
|
|
|
<TwitterCard query={query} />
|
2020-03-22 13:11:25 +09:00
|
|
|
<InstagramCard query={query} />
|
2019-09-02 19:41:44 +09:00
|
|
|
<SpectrumCard query={query} />
|
|
|
|
<SlackCard query={query} />
|
|
|
|
<HerokuCard query={query} />
|
|
|
|
<NowCard query={query} />
|
2019-10-16 14:14:02 +09:00
|
|
|
<NetlifyCard query={query} />
|
2019-09-02 19:41:44 +09:00
|
|
|
<JsOrgCard query={query} />
|
|
|
|
<S3Card query={query} />
|
|
|
|
</Cards>
|
|
|
|
<Cards>
|
|
|
|
<GithubSearchCard query={query} />
|
|
|
|
<AppStoreCard query={query} />
|
|
|
|
{language === 'ja' ? <NtaCard query={query} /> : null}
|
|
|
|
</Cards>
|
|
|
|
</>
|
2019-09-17 14:30:26 +09:00
|
|
|
);
|
|
|
|
};
|
2019-09-02 19:41:44 +09:00
|
|
|
|
2019-09-17 14:30:26 +09:00
|
|
|
export default Index;
|
2019-09-02 19:41:44 +09:00
|
|
|
|
|
|
|
const Cards = styled.div`
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: center;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
${mobile} {
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
2019-09-17 14:30:26 +09:00
|
|
|
`;
|