1
0
mirror of https://github.com/uetchy/namae.git synced 2025-03-18 04:50:32 +09:00

79 lines
2.4 KiB
TypeScript
Raw Normal View History

2019-09-17 14:30:26 +09:00
import React from 'react';
2020-06-29 12:24:01 +09:00
import { useTranslation } from 'react-i18next';
2019-09-17 14:30:26 +09:00
import styled from 'styled-components';
2020-06-29 12:24:01 +09:00
import { mobile } from '../../util/css';
import AppStoreCard from './providers/AppStore';
import CratesioCard from './providers/Cratesio';
2020-02-05 16:22:35 +09:00
import DomainCard from './providers/Domains';
2020-06-29 12:24:01 +09:00
import FirebaseCard from './providers/Firebase';
2020-02-05 16:22:35 +09:00
import GithubCard from './providers/GitHubRepository';
2020-06-29 12:24:01 +09:00
import GithubSearchCard from './providers/GitHubSearch';
2020-02-05 16:22:35 +09:00
import GitLabCard from './providers/GitLab';
2020-06-29 12:24:01 +09:00
import HerokuCard from './providers/Heroku';
2020-02-05 16:22:35 +09:00
import HomebrewCard from './providers/Homebrew';
2020-03-22 13:11:25 +09:00
import InstagramCard from './providers/Instagram';
2020-02-05 16:22:35 +09:00
import JsOrgCard from './providers/JsOrg';
2020-06-29 12:24:01 +09:00
import LinuxCard from './providers/Linux';
2020-02-05 16:22:35 +09:00
import NetlifyCard from './providers/Netlify';
2020-06-29 12:24:01 +09:00
import NpmCard from './providers/Npm';
import NtaCard from './providers/Nta';
2020-02-05 19:56:59 +09:00
import OcamlCard from './providers/Ocaml';
2020-06-29 12:24:01 +09:00
import PypiCard from './providers/PyPI';
import RubyGemsCard from './providers/RubyGems';
import S3Card from './providers/S3';
import SlackCard from './providers/Slack';
import SpectrumCard from './providers/Spectrum';
import TwitterCard from './providers/Twitter';
import VercelCard from './providers/Vercel';
2020-06-29 12:24:01 +09:00
const Index: React.FC<{ query: string }> = ({ query }) => {
const {
2020-06-29 12:24:01 +09:00
i18n: { language },
2019-09-17 14:30:26 +09:00
} = useTranslation();
return (
<>
<Cards>
<DomainCard query={query} />
<GithubCard query={query} />
2020-04-30 14:05:43 +09:00
<TwitterCard query={query} />
<NpmCard query={query} />
2020-04-30 14:05:43 +09:00
<HomebrewCard query={query} />
<GitLabCard query={query} />
<PypiCard query={query} />
<CratesioCard query={query} />
2020-02-05 19:56:59 +09:00
<RubyGemsCard query={query} />
<LinuxCard query={query} />
2020-04-30 14:05:43 +09:00
<OcamlCard query={query} />
2020-06-11 22:00:16 +09:00
<VercelCard query={query} />
2020-04-30 14:05:43 +09:00
<HerokuCard query={query} />
2019-10-16 14:14:02 +09:00
<NetlifyCard query={query} />
<JsOrgCard query={query} />
2020-04-30 14:05:43 +09:00
<SlackCard query={query} />
<InstagramCard query={query} />
<SpectrumCard query={query} />
<S3Card query={query} />
2020-06-18 20:32:27 +09:00
<FirebaseCard 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-17 14:30:26 +09:00
export default Index;
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
`;