uetchy/namae
1
0
Fork 0
mirror of https://github.com/uetchy/namae.git synced 2025-03-16 20:20:38 +09:00
Code Issues Releases Activity

fix: update icons

Browse Source
This commit is contained in:
uetchy 2020-08-31 09:45:16 +09:00 committed by uetchy
parent 66ade01c4d
commit e4736ba170
7 changed files with 22 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/cards/providers/AppStore.tsx
View File

@ -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}
/>
))

4
src/components/cards/providers/Cratesio.tsx
View File

@ -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>

7
src/components/cards/providers/Firebase.tsx
View File

@ -1,8 +1,7 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { DiFirebase } from 'react-icons/di';
import { Card, Repeater, DedicatedAvailability } from '../core';
import { SiFirebase } from 'react-icons/si';
import { Card, DedicatedAvailability, Repeater } 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>

4
src/components/cards/providers/GitHubSearch.tsx
View File

@ -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}
/>
))

10
src/components/cards/providers/Linux.tsx
View File

@ -1,9 +1,7 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { DiUbuntu } from 'react-icons/di';
import { DiDebian } from 'react-icons/di';
import { Card, Repeater, DedicatedAvailability } from '../core';
import { SiDebian, SiUbuntu } from 'react-icons/si';
import { Card, DedicatedAvailability, Repeater } 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 />}
/>
</>
)}

9
src/components/cards/providers/Npm.tsx
View File

@ -1,8 +1,7 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { FaNpm } from 'react-icons/fa';
import { Card, Repeater, DedicatedAvailability } from '../core';
import { RiNpmjsFill, RiNpmjsLine } from 'react-icons/ri';
import { Card, DedicatedAvailability, Repeater } 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 />}
/>
</>
)}

7
src/components/cards/providers/RubyGems.tsx
View File

@ -1,8 +1,7 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { FaGem } from 'react-icons/fa';
import { Card, Repeater, DedicatedAvailability } from '../core';
import { SiRubygems } from 'react-icons/si';
import { Card, DedicatedAvailability, Repeater } 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>