fix: temporary disable instagram

src/components/Welcome.tsx

@@ -6,7 +6,7 @@ import {
   FaGithub,
   FaGithubAlt,
   FaGitlab,
-  FaInstagram,
+  // FaInstagram,
   FaJsSquare,
   FaLinux,
   FaPython,
@@ -35,7 +35,7 @@ const supportedProviders: Record<string, React.ReactNode> = {
   homebrew: <IoIosBeer />,
   linux: <FaLinux />,
   twitter: <FaTwitter />,
-  instagram: <FaInstagram />,
+  // instagram: <FaInstagram />,
   spectrum: <SpectrumIcon />,
   slack: <FaSlack />,
   heroku: <DiHeroku />,

src/components/cards/index.tsx

@@ -6,12 +6,12 @@ import AppStoreCard from './providers/AppStore';
 import CratesioCard from './providers/Cratesio';
 import DomainCard from './providers/Domains';
 import FirebaseCard from './providers/Firebase';
-import GithubCard from './providers/GitHubRepository';
+import GithubCard from './providers/GitHubOrganization';
 import GithubSearchCard from './providers/GitHubSearch';
 import GitLabCard from './providers/GitLab';
 import HerokuCard from './providers/Heroku';
 import HomebrewCard from './providers/Homebrew';
-import InstagramCard from './providers/Instagram';
+// import InstagramCard from './providers/Instagram';
 import JsOrgCard from './providers/JsOrg';
 import LinuxCard from './providers/Linux';
 import NetlifyCard from './providers/Netlify';
@@ -51,7 +51,7 @@ const Index: React.FC<{ query: string }> = ({ query }) => {
         <NetlifyCard query={query} />
         <JsOrgCard query={query} />
         <SlackCard query={query} />
-        <InstagramCard query={query} />
+        {/* <InstagramCard query={query} /> */}
         <SpectrumCard query={query} />
         <S3Card query={query} />
         <FirebaseCard query={query} />

src/components/cards/providers/Instagram.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { FaInstagram } from 'react-icons/fa';
 import { normalize } from '../../../util/text';
 
-import { Card, Repeater, ExistentialAvailability } from '../core';
+import { Card, Repeater, DedicatedAvailability } from '../core';
 
 const InstagramCard: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
@@ -17,10 +17,10 @@ const InstagramCard: React.FC<{ query: string }> = ({ query }) => {
     <Card title={t('providers.instagram')}>
       <Repeater items={names} moreItems={moreNames}>
         {(name) => (
-          <ExistentialAvailability
+          <DedicatedAvailability
             name={name}
-            target={`https://instagram.com/${name}`}
-            link={`https://instagram.com/${name}`}
+            service="instagram"
+            link={`https://www.instagram.com/${name}/`}
             message="Go to Instagram"
             icon={<FaInstagram />}
           />