fix: update icons

src/components/cards/providers/AppStore.tsx

@@ -1,14 +1,15 @@
 import useFetch from 'fetch-suspense';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { FaAppStore, FaInfoCircle } from 'react-icons/fa';
+import { FaInfoCircle } from 'react-icons/fa';
+import { SiAppstore } from 'react-icons/si';
 import { Card, Result } from '../core';
 
 const Search: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
   const term = encodeURIComponent(query);
   const response = useFetch(
-    `/availability/appstore/${term}?country=${t('countryCode')}`
+    `/api/services/appstore/${term}?country=${t('countryCode')}`
   ) as {
     result: Array<{ name: string; viewURL: string; price: number; id: string }>;
   };
@@ -22,7 +23,7 @@ const Search: React.FC<{ query: string }> = ({ query }) => {
             title={app.name.split(/[－–—\-:]/)[0]}
             message={`Price: ${app.price}`}
             link={app.viewURL}
-            icon={<FaAppStore />}
+            icon={<SiAppstore />}
             key={app.id}
           />
         ))

src/components/cards/providers/Cratesio.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { DiRust } from 'react-icons/di';
+import { SiRust } from 'react-icons/si';
 import { Card, DedicatedAvailability, Repeater } from '../core';
 
 const CratesioCard: React.FC<{ query: string }> = ({ query }) => {
@@ -19,7 +19,7 @@ const CratesioCard: React.FC<{ query: string }> = ({ query }) => {
             service="existence"
             link={`https://crates.io/crates/${name}`}
             message="Go to crates.io"
-            icon={<DiRust />}
+            icon={<SiRust />}
           />
         )}
       </Repeater>

src/components/cards/providers/Firebase.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { DiFirebase } from 'react-icons/di';
+import { SiFirebase } from 'react-icons/si';
-
+import { Card, DedicatedAvailability, Repeater } from '../core';
-import { Card, Repeater, DedicatedAvailability } from '../core';
 
 const FirebaseCard: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
@@ -24,7 +23,7 @@ const FirebaseCard: React.FC<{ query: string }> = ({ query }) => {
             service="existence"
             message="Go to Firebase"
             link={`https://${name}.firebaseio.com/`}
-            icon={<DiFirebase />}
+            icon={<SiFirebase />}
           />
         )}
       </Repeater>

src/components/cards/providers/GitHubSearch.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import useFetch from 'fetch-suspense';
 import { useTranslation } from 'react-i18next';
-import { FaGithub, FaInfoCircle } from 'react-icons/fa';
+import { FaGithubAlt, FaInfoCircle } from 'react-icons/fa';
 
 import { Card, Result } from '../core';
 
@@ -32,7 +32,7 @@ const Search: React.FC<{ query: string }> = ({ query }) => {
               repo.stargazers_count
             })`}
             link={repo.html_url}
-            icon={<FaGithub />}
+            icon={<FaGithubAlt />}
             key={repo.id}
           />
         ))

src/components/cards/providers/Linux.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { DiUbuntu } from 'react-icons/di';
+import { SiDebian, SiUbuntu } from 'react-icons/si';
-import { DiDebian } from 'react-icons/di';
+import { Card, DedicatedAvailability, Repeater } from '../core';
-
-import { Card, Repeater, DedicatedAvailability } from '../core';
 
 const LinuxCard: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
@@ -21,14 +19,14 @@ const LinuxCard: React.FC<{ query: string }> = ({ query }) => {
               service="launchpad"
               message="Go to Launchpad"
               link={`https://launchpad.net/ubuntu/+source/${name}`}
-              icon={<DiUbuntu />}
+              icon={<SiUbuntu />}
             />
             <DedicatedAvailability
               name={name}
               service="debian"
               message="Go to debian.org"
               link={`https://packages.debian.org/buster/${name}`}
-              icon={<DiDebian />}
+              icon={<SiDebian />}
             />
           </>
         )}

src/components/cards/providers/Npm.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { FaNpm } from 'react-icons/fa';
+import { RiNpmjsFill, RiNpmjsLine } from 'react-icons/ri';
-
+import { Card, DedicatedAvailability, Repeater } from '../core';
-import { Card, Repeater, DedicatedAvailability } from '../core';
 
 const NpmCard: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
@@ -23,7 +22,7 @@ const NpmCard: React.FC<{ query: string }> = ({ query }) => {
               link={`https://www.npmjs.com/package/${name}`}
               messageIfTaken={`See ${name}`}
               linkIfTaken={`https://www.npmjs.com/package/${name}`}
-              icon={<FaNpm />}
+              icon={<RiNpmjsFill />}
             />
             <DedicatedAvailability
               name={name}
@@ -34,7 +33,7 @@ const NpmCard: React.FC<{ query: string }> = ({ query }) => {
               linkIfTaken={`https://www.npmjs.com/org/${name}`}
               prefix="@"
               suffix=" (Organization)"
-              icon={<FaNpm />}
+              icon={<RiNpmjsLine />}
             />
           </>
         )}

src/components/cards/providers/RubyGems.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { FaGem } from 'react-icons/fa';
+import { SiRubygems } from 'react-icons/si';
-
+import { Card, DedicatedAvailability, Repeater } from '../core';
-import { Card, Repeater, DedicatedAvailability } from '../core';
 
 const RubyGemsCard: React.FC<{ query: string }> = ({ query }) => {
   const { t } = useTranslation();
@@ -20,7 +19,7 @@ const RubyGemsCard: React.FC<{ query: string }> = ({ query }) => {
             service="existence"
             message="Go to RubyGems"
             link={`https://rubygems.org/gems/${name}`}
-            icon={<FaGem />}
+            icon={<SiRubygems />}
           />
         )}
       </Repeater>