✨ Create home structure

higorpo · higorpo · commit f26b80801ea1 · 2020-09-14T09:36:05.000-03:00
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "node-sass": "^4.14.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
+    "react-icons": "^3.11.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.3",
     "typescript": "~3.7.2"
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -1,9 +1,30 @@
 import React from 'react';
+import { MdChevronRight } from 'react-icons/md'
+import { Link } from 'react-router-dom';
 
 const Home: React.FC = () => {
     return (
         <div className="container">
-            <h1>Hello World :)</h1>
+            <hgroup>
+                <h1 className="title">Digite um número para calcular sua fatorial.</h1>
+                <h3 className="explanation">Digite um número entre 1 a 150 para calcular o seu valor fatorial de maneira simples e rápida. Seus cálculos ficarão salvos para que você possa consultá-los no futuro.</h3>
+            </hgroup>
+
+            <form>
+                <input
+                    type="number"
+                    name="fatorial_number"
+                    placeholder="Número"
+                />
+
+                <button type="submit">
+                    <MdChevronRight />
+                </button>
+            </form>
+
+            <nav>
+                <Link to="/history">Histórico de cálculos</Link>
+            </nav>
         </div>
     );
 }
diff --git a/yarn.lock b/yarn.lock
@@ -8981,6 +8981,13 @@ react-error-overlay@^6.0.7:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108"
   integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==
 
+react-icons@^3.11.0:
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-3.11.0.tgz#2ca2903dfab8268ca18ebd8cc2e879921ec3b254"
+  integrity sha512-JRgiI/vdF6uyBgyZhVyYJUZAop95Sy4XDe/jmT3R/bKliFWpO/uZBwvSjWEdxwzec7SYbEPNPck0Kff2tUGM2Q==
+  dependencies:
+    camelcase "^5.0.0"
+
 react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
