feat: add archlinux

src/components/Welcome.tsx

@@ -8,7 +8,6 @@ import {
   FaGitlab,
   // FaInstagram,
   FaJsSquare,
-  FaLinux,
   FaPython,
   FaSlack,
   FaTwitter,
@@ -16,7 +15,15 @@ import {
 import { IoIosBeer, IoMdAppstore } from 'react-icons/io';
 import { MdDomain } from 'react-icons/md';
 import { RiBuilding2Fill, RiNpmjsFill } from 'react-icons/ri';
-import { SiAppstore, SiFirebase, SiRubygems, SiRust } from 'react-icons/si';
+import {
+  SiAppstore,
+  SiArchlinux,
+  SiDebian,
+  SiFirebase,
+  SiRubygems,
+  SiRust,
+  SiUbuntu,
+} from 'react-icons/si';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 import { sendGettingStartedEvent } from '../util/analytics';
@@ -27,17 +34,19 @@ const supportedProviders: Record<string, React.ReactNode> = {
   domains: <MdDomain />,
   github: <FaGithub />,
   gitlab: <FaGitlab />,
+  twitter: <FaTwitter />,
+  homebrew: <IoIosBeer />,
   npm: <RiNpmjsFill />,
   rust: <SiRust />,
   pypi: <FaPython />,
   rubygems: <SiRubygems />,
   ocaml: <OcamlIcon />,
-  homebrew: <IoIosBeer />,
-  linux: <FaLinux />,
-  twitter: <FaTwitter />,
+  archlinux: <SiArchlinux />,
+  ubuntu: <SiUbuntu />,
+  debian: <SiDebian />,
   // instagram: <FaInstagram />,
-  spectrum: <SpectrumIcon />,
   slack: <FaSlack />,
+  spectrum: <SpectrumIcon />,
   heroku: <DiHeroku />,
   now: <NowIcon />,
   netlify: <NetlifyIcon />,

src/components/cards/providers/Linux.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { SiDebian, SiUbuntu } from 'react-icons/si';
+import { SiDebian, SiUbuntu, SiArchlinux } from 'react-icons/si';
 import { normalize } from '../../../util/text';
 import { Card, DedicatedAvailability, Repeater } from '../core';
 
@@ -16,6 +16,13 @@ const LinuxCard: React.FC<{ query: string }> = ({ query }) => {
       <Repeater items={names}>
         {(name) => (
           <>
+            <DedicatedAvailability
+              name={name}
+              service="archlinux"
+              message="Go to ArchLinux.org"
+              link={`https://archlinux.org/packages/?sort=&q=${name}`}
+              icon={<SiArchlinux />}
+            />
             <DedicatedAvailability
               name={name}
               service="launchpad"

src/components/cards/providers/Twitter.tsx

@@ -15,11 +15,11 @@ const TwitterCard: React.FC<{ query: string }> = ({ query }) => {
   const names = [
     normalizedQuery,
     `${capitalCase}App`,
-    `${capitalCase}Team`,
-    `${lowerCase}hq`,
+    `${lowerCase}_team`,
+    `${capitalCase}HQ`,
+    `hey${lowerCase}`,
   ];
   const moreNames = [
-    `hey${lowerCase}`,
     `${lowerCase}_support`,
     `${lowerCase}_org`,
     `${lowerCase}_app`,