1
0
mirror of https://github.com/uetchy/namae.git synced 2025-03-17 04:30:31 +09:00

chore: cosmetic changes

This commit is contained in:
uetchy 2019-08-06 02:07:05 +09:00
parent dbf8a99e06
commit 5d17a86779
18 changed files with 59 additions and 55 deletions

View File

@ -28,10 +28,10 @@ import { mobile } from './util/css'
import { isStandalone } from './util/pwa'
export default function App() {
const [query, setQuery] = useDeferredState('', 1000)
const [query, setQuery] = useDeferredState(1000, '')
const [inputValue, setInputValue] = useState('')
const inputRef = useRef()
const [suggested, setSuggested] = useState(false)
const inputRef = useRef()
const { t } = useTranslation()
const queryGiven = query && query.length > 0
@ -92,20 +92,20 @@ export default function App() {
{queryGiven ? (
<SearchResult>
<Cards>
<DomainCard name={query} />
<GithubCard name={query} />
<NpmCard name={query} />
<PypiCard name={query} />
<RubyGemsCard name={query} />
<CratesioCard name={query} />
<HomebrewCard name={query} />
<LinuxCard name={query} />
<DomainCard query={query} />
<GithubCard query={query} />
<NpmCard query={query} />
<PypiCard query={query} />
<RubyGemsCard query={query} />
<CratesioCard query={query} />
<HomebrewCard query={query} />
<LinuxCard query={query} />
<TwitterCard query={query} />
<SlackCard query={query} />
<S3Card query={query} />
<JsOrgCard query={query} />
<GithubSearchCard query={query} />
<AppStoreCard query={query} />
<TwitterCard name={query} />
<SlackCard name={query} />
<S3Card name={query} />
<JsOrgCard name={query} />
</Cards>
<EventReporter query={query} />
</SearchResult>

View File

@ -1,7 +1,7 @@
import React from 'react'
import styled from 'styled-components'
import { FaTwitter, FaGithubAlt } from 'react-icons/fa'
import { useTranslation } from 'react-i18next'
import { FaTwitter, FaGithubAlt } from 'react-icons/fa'
import { ExternalLink } from './Links'

View File

@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react'
import styled from 'styled-components'
import { useTranslation } from 'react-i18next'
import fetch from 'isomorphic-unfetch'
import { capitalize } from '../util/text'
const modifiers = [

View File

@ -11,7 +11,7 @@ function Search({ query }) {
const apps = response.result
return (
<div>
<>
{apps.map((app) => (
<Result
title={app.name}
@ -21,7 +21,7 @@ function Search({ query }) {
key={app.id}
/>
))}
</div>
</>
)
}

View File

@ -4,9 +4,9 @@ import { DiRust } from 'react-icons/di'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function CratesioCard({ name }) {
export default function CratesioCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]

View File

@ -4,16 +4,17 @@ import { FaMapSigns } from 'react-icons/fa'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function DomainCard({ name }) {
export default function DomainCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [`${lowerCase}.com`, `${lowerCase}app.com`, `${lowerCase}.app`]
const names = [`${lowerCase}.com`, `${lowerCase}.app`]
const moreNames = [
`${lowerCase}app.com`,
`get${lowerCase}.com`,
`${lowerCase}.dev`,
`${lowerCase}.io`,
`${lowerCase}.tools`,
`get${lowerCase}.com`,
]
return (

View File

@ -4,11 +4,11 @@ import { FaGithub } from 'react-icons/fa'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function GithubCard({ name }) {
export default function GithubCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [name]
const names = [query]
const moreNames = [
`${lowerCase}hq`,
`${lowerCase}-team`,

View File

@ -13,7 +13,7 @@ function Search({ query }) {
const repos = response.items
return (
<div>
<>
{repos.map((repo) => (
<Result
title={repo.full_name}
@ -23,7 +23,7 @@ function Search({ query }) {
key={repo.id}
/>
))}
</div>
</>
)
}

View File

@ -4,9 +4,9 @@ import { IoIosBeer } from 'react-icons/io'
import { Card, Repeater, ExistentialAvailability } from '../Cards'
export default function HomebrewCard({ name }) {
export default function HomebrewCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]

View File

@ -4,9 +4,9 @@ import { FaJsSquare } from 'react-icons/fa'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function JsOrgCard({ name }) {
export default function JsOrgCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]

View File

@ -5,9 +5,9 @@ import { DiDebian } from 'react-icons/di'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function LinuxCard({ name }) {
export default function LinuxCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]

View File

@ -4,9 +4,9 @@ import { FaNpm } from 'react-icons/fa'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function NpmCard({ name }) {
export default function NpmCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]
const moreNames = [`${lowerCase}-js`]

View File

@ -5,11 +5,11 @@ import { FaPython } from 'react-icons/fa'
import { capitalize } from '../../util/text'
import { Card, DedicatedAvailability, Repeater } from '../Cards'
export default function PypiCard({ name }) {
export default function PypiCard({ query }) {
const { t } = useTranslation()
const names = [name]
const moreNames = [`Py${capitalize(name)}`]
const names = [query]
const moreNames = [`Py${capitalize(query)}`]
return (
<Card title={t('providers.pypi')}>

View File

@ -4,11 +4,11 @@ import { FaGem } from 'react-icons/fa'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function RubyGemsCard({ name }) {
export default function RubyGemsCard({ query }) {
const { t } = useTranslation()
const names = [name]
const moreNames = [`${name.toLowerCase()}-rb`]
const names = [query]
const moreNames = [`${query.toLowerCase()}-rb`]
return (
<Card title={t('providers.rubygems')}>

View File

@ -4,9 +4,9 @@ import { FaAws } from 'react-icons/fa'
import { Card, DedicatedAvailability, Repeater } from '../Cards'
export default function S3Card({ name }) {
export default function S3Card({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]

View File

@ -4,9 +4,9 @@ import { FaSlack } from 'react-icons/fa'
import { Card, DedicatedAvailability, Repeater } from '../Cards'
export default function SlackCard({ name }) {
export default function SlackCard({ query }) {
const { t } = useTranslation()
const lowerCase = name.toLowerCase()
const lowerCase = query.toLowerCase()
const names = [lowerCase]

View File

@ -5,17 +5,19 @@ import { FaTwitter } from 'react-icons/fa'
import { capitalize } from '../../util/text'
import { Card, Repeater, DedicatedAvailability } from '../Cards'
export default function TwitterCard({ name }) {
export default function TwitterCard({ query }) {
const { t } = useTranslation()
const lowerCase = query.toLowerCase()
const capitalCase = capitalize(query)
const names = [name]
const names = [query]
const moreNames = [
`${name.toLowerCase()}app`,
`hey${name.toLowerCase()}`,
`${capitalize(name)}Team`,
`${capitalize(name)}HQ`,
`${name.toLowerCase()}_official`,
`${name.toLowerCase()}-support`,
`${lowerCase}app`,
`hey${lowerCase}`,
`${capitalCase}Team`,
`${capitalCase}HQ`,
`${lowerCase}_official`,
`${lowerCase}-support`,
]
return (

View File

@ -1,6 +1,6 @@
import { useState, useEffect } from 'react'
export function useDeferredState(initialValue = undefined, duration = 1000) {
export function useDeferredState(duration = 1000, initialValue = undefined) {
const [response, setResponse] = useState(initialValue)
const [innerValue, setInnerValue] = useState(initialValue)