From 44c46f329dadc0043512874bfc1ef56f47e1cd50 Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi Date: Wed, 31 Jul 2019 12:22:31 +0900 Subject: [PATCH] chore: reorder components --- public/index.html | 4 +- src/App.js | 95 +++++++++------------- src/components/Card.js | 13 +-- src/components/Footer.js | 35 ++++++++ src/components/{ => cards}/CratesioCard.js | 2 +- src/components/{ => cards}/DomainCard.js | 2 +- src/components/{ => cards}/GithubCard.js | 4 +- src/components/{ => cards}/HomebrewCard.js | 6 +- src/components/{ => cards}/JsOrgCard.js | 2 +- src/components/{ => cards}/NpmCard.js | 2 +- src/components/{ => cards}/PypiCard.js | 2 +- src/components/{ => cards}/S3Card.js | 2 +- src/components/{ => cards}/SlackCard.js | 2 +- src/components/{ => cards}/TwitterCard.js | 4 +- 14 files changed, 92 insertions(+), 83 deletions(-) create mode 100644 src/components/Footer.js rename src/components/{ => cards}/CratesioCard.js (86%) rename src/components/{ => cards}/DomainCard.js (98%) rename src/components/{ => cards}/GithubCard.js (93%) rename src/components/{ => cards}/HomebrewCard.js (83%) rename src/components/{ => cards}/JsOrgCard.js (86%) rename src/components/{ => cards}/NpmCard.js (91%) rename src/components/{ => cards}/PypiCard.js (84%) rename src/components/{ => cards}/S3Card.js (87%) rename src/components/{ => cards}/SlackCard.js (87%) rename src/components/{ => cards}/TwitterCard.js (93%) diff --git a/public/index.html b/public/index.html index d54045c..54e26a1 100644 --- a/public/index.html +++ b/public/index.html @@ -6,11 +6,11 @@ - + - namae.dev + namae diff --git a/src/App.js b/src/App.js index 21a7dfd..183db4a 100644 --- a/src/App.js +++ b/src/App.js @@ -1,20 +1,20 @@ import React from 'react' import styled from 'styled-components' -import { FaTwitter, FaGlobe } from 'react-icons/fa' import { useDeferredState } from './hooks/state' import { mobile } from './util/css' -import { CardHolder } from './components/Card' -import GithubCard from './components/GithubCard' -import DomainCard from './components/DomainCard' -import HomebrewCard from './components/HomebrewCard' -import TwitterCard from './components/TwitterCard' -import SlackCard from './components/SlackCard' -import NpmCard from './components/NpmCard' -import JsOrgCard from './components/JsOrgCard' -import PypiCard from './components/PypiCard' -import S3Card from './components/S3Card' -import CratesioCard from './components/CratesioCard' + +import GithubCard from './components/cards/GithubCard' +import DomainCard from './components/cards/DomainCard' +import HomebrewCard from './components/cards/HomebrewCard' +import TwitterCard from './components/cards/TwitterCard' +import SlackCard from './components/cards/SlackCard' +import NpmCard from './components/cards/NpmCard' +import JsOrgCard from './components/cards/JsOrgCard' +import PypiCard from './components/cards/PypiCard' +import S3Card from './components/cards/S3Card' +import CratesioCard from './components/cards/CratesioCard' +import Footer from './components/Footer' export default function App() { const [query, setQuery] = useDeferredState(1000) @@ -26,22 +26,15 @@ export default function App() { return ( <>
- namae.dev + namæ name your new project - +
+ {query && query.length > 0 ? ( - - Result for {query} - + + Result for {query} + @@ -52,28 +45,11 @@ export default function App() { - - + + ) : null} - + +