From 4cd10945b5641af4976a659f10298e49f48cd1f2 Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Wed, 7 Aug 2019 14:16:06 +0900
Subject: [PATCH] feat: add google to welcome page

---
 web/src/components/Welcome.js | 42 ++++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/web/src/components/Welcome.js b/web/src/components/Welcome.js
index 451a1cd..e67dd1d 100644
--- a/web/src/components/Welcome.js
+++ b/web/src/components/Welcome.js
@@ -2,19 +2,22 @@ import React from 'react'
 import styled from 'styled-components'
 import { useTranslation } from 'react-i18next'
 
-import { FaMapSigns } from 'react-icons/fa'
-import { FaGithub } from 'react-icons/fa'
-import { FaNpm } from 'react-icons/fa'
-import { FaPython } from 'react-icons/fa'
-import { FaGem } from 'react-icons/fa'
-import { DiRust } from 'react-icons/di'
+import {
+  FaMapSigns,
+  FaGithub,
+  FaNpm,
+  FaPython,
+  FaGem,
+  FaLinux,
+  FaAppStore,
+  FaTwitter,
+  FaSlack,
+  FaAws,
+  FaJsSquare,
+  FaGoogle,
+} from 'react-icons/fa'
 import { IoIosBeer } from 'react-icons/io'
-import { FaLinux } from 'react-icons/fa'
-import { FaAppStore } from 'react-icons/fa'
-import { FaTwitter } from 'react-icons/fa'
-import { FaSlack } from 'react-icons/fa'
-import { FaAws } from 'react-icons/fa'
-import { FaJsSquare } from 'react-icons/fa'
+import { DiRust } from 'react-icons/di'
 
 import { mobile } from '../util/css'
 
@@ -52,12 +55,6 @@ export default function Welcome() {
         <ListItem>
           <FaLinux /> {t('providers.linux')}
         </ListItem>
-        <ListItem>
-          <FaGithub /> {t('providers.githubSearch')}
-        </ListItem>
-        <ListItem>
-          <FaAppStore /> {t('providers.appStore')}
-        </ListItem>
         <ListItem>
           <FaTwitter /> {t('providers.twitter')}
         </ListItem>
@@ -70,6 +67,15 @@ export default function Welcome() {
         <ListItem>
           <FaJsSquare /> {t('providers.jsorg')}
         </ListItem>
+        <ListItem>
+          <FaGithub /> {t('providers.githubSearch')}
+        </ListItem>
+        <ListItem>
+          <FaAppStore /> {t('providers.appStore')}
+        </ListItem>
+        <ListItem>
+          <FaGoogle /> {t('providers.google')}
+        </ListItem>
       </List>
     </Container>
   )