mirror of
https://github.com/uetchy/namae.git
synced 2025-03-17 04:30:31 +09:00
feat: add instagram
This commit is contained in:
parent
61a7d2b9b8
commit
01dd55017d
@ -12,6 +12,7 @@
|
||||
"rust": "Rust",
|
||||
"homebrew": "Homebrew",
|
||||
"linux": "Linux",
|
||||
"instagram": "Instagram",
|
||||
"twitter": "Twitter",
|
||||
"slack": "Slack",
|
||||
"s3": "AWS S3",
|
||||
|
@ -12,6 +12,7 @@
|
||||
"rust": "Rust",
|
||||
"homebrew": "Homebrew",
|
||||
"linux": "Linux",
|
||||
"instagram": "Instagram",
|
||||
"twitter": "Twitter",
|
||||
"slack": "Slack",
|
||||
"s3": "AWS S3",
|
||||
|
@ -12,6 +12,7 @@ import {
|
||||
FaGem,
|
||||
FaLinux,
|
||||
FaAppStore,
|
||||
FaInstagram,
|
||||
FaTwitter,
|
||||
FaSlack,
|
||||
FaAws,
|
||||
@ -74,6 +75,9 @@ const Welcome: React.FC = () => {
|
||||
<ListItem>
|
||||
<FaLinux /> {t('providers.linux')}
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<FaInstagram /> {t('providers.instagram')}
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<FaTwitter /> {t('providers.twitter')}
|
||||
</ListItem>
|
||||
|
@ -12,6 +12,7 @@ import RubyGemsCard from './providers/RubyGems';
|
||||
import CratesioCard from './providers/Cratesio';
|
||||
import HomebrewCard from './providers/Homebrew';
|
||||
import LinuxCard from './providers/Linux';
|
||||
import InstagramCard from './providers/Instagram';
|
||||
import TwitterCard from './providers/Twitter';
|
||||
import SpectrumCard from './providers/Spectrum';
|
||||
import SlackCard from './providers/Slack';
|
||||
@ -43,6 +44,7 @@ const Index: React.FC<{query: string}> = ({query}) => {
|
||||
<OcamlCard query={query} />
|
||||
<HomebrewCard query={query} />
|
||||
<LinuxCard query={query} />
|
||||
<InstagramCard query={query} />
|
||||
<TwitterCard query={query} />
|
||||
<SpectrumCard query={query} />
|
||||
<SlackCard query={query} />
|
||||
|
31
web/src/components/cards/providers/Instagram.tsx
Normal file
31
web/src/components/cards/providers/Instagram.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import {useTranslation} from 'react-i18next';
|
||||
import {FaInstagram} from 'react-icons/fa';
|
||||
|
||||
import {Card, Repeater, ExistentialAvailability} from '../core';
|
||||
|
||||
const InstagramCard: React.FC<{query: string}> = ({query}) => {
|
||||
const {t} = useTranslation();
|
||||
const lowerCase = query.toLowerCase();
|
||||
|
||||
const names = [query];
|
||||
const moreNames = [`${lowerCase}app`, `${lowerCase}_hq`, `get.${lowerCase}`];
|
||||
|
||||
return (
|
||||
<Card title={t('providers.instagram')}>
|
||||
<Repeater items={names} moreItems={moreNames}>
|
||||
{(name) => (
|
||||
<ExistentialAvailability
|
||||
name={name}
|
||||
target={`https://instagram.com/${name}`}
|
||||
link={`https://instagram.com/${name}`}
|
||||
message="Go to Instagram"
|
||||
icon={<FaInstagram />}
|
||||
/>
|
||||
)}
|
||||
</Repeater>
|
||||
</Card>
|
||||
);
|
||||
};
|
||||
|
||||
export default InstagramCard;
|
Loading…
x
Reference in New Issue
Block a user