diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json index 599ce6f..449a913 100644 --- a/web/public/locales/en/translation.json +++ b/web/public/locales/en/translation.json @@ -12,6 +12,7 @@ "rust": "Rust", "homebrew": "Homebrew", "linux": "Linux", + "instagram": "Instagram", "twitter": "Twitter", "slack": "Slack", "s3": "AWS S3", diff --git a/web/public/locales/ja/translation.json b/web/public/locales/ja/translation.json index 5c63b93..51e563b 100644 --- a/web/public/locales/ja/translation.json +++ b/web/public/locales/ja/translation.json @@ -12,6 +12,7 @@ "rust": "Rust", "homebrew": "Homebrew", "linux": "Linux", + "instagram": "Instagram", "twitter": "Twitter", "slack": "Slack", "s3": "AWS S3", diff --git a/web/src/components/Welcome.tsx b/web/src/components/Welcome.tsx index 8ba5674..a80ba1c 100644 --- a/web/src/components/Welcome.tsx +++ b/web/src/components/Welcome.tsx @@ -12,6 +12,7 @@ import { FaGem, FaLinux, FaAppStore, + FaInstagram, FaTwitter, FaSlack, FaAws, @@ -74,6 +75,9 @@ const Welcome: React.FC = () => { {t('providers.linux')} + + {t('providers.instagram')} + {t('providers.twitter')} diff --git a/web/src/components/cards/index.tsx b/web/src/components/cards/index.tsx index 3a2d01d..f4f165f 100644 --- a/web/src/components/cards/index.tsx +++ b/web/src/components/cards/index.tsx @@ -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}) => { + diff --git a/web/src/components/cards/providers/Instagram.tsx b/web/src/components/cards/providers/Instagram.tsx new file mode 100644 index 0000000..6baa81f --- /dev/null +++ b/web/src/components/cards/providers/Instagram.tsx @@ -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 ( + + + {(name) => ( + } + /> + )} + + + ); +}; + +export default InstagramCard;