From 14ee538d7dd7ef489b004b699a64ade447dd5841 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 10:42:43 -0300
Subject: [PATCH 01/63] Added Global styles

---
 package.json               |   4 +
 src/App.tsx                |   8 +-
 src/index.tsx              |   2 +-
 src/styles/globalStyles.ts |  23 ++++++
 yarn.lock                  | 161 ++++++++++++++++++++++++++++++++++++-
 5 files changed, 193 insertions(+), 5 deletions(-)
 create mode 100644 src/styles/globalStyles.ts

diff --git a/package.json b/package.json
index 23c714c..3b6cb1a 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@clayui/css": "^3.25.3",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
@@ -10,9 +11,12 @@
     "@types/node": "^12.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/styled-components": "^5.1.9",
+    "axios": "^0.21.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-scripts": "4.0.3",
+    "styled-components": "^5.2.3",
     "typescript": "^4.1.2",
     "web-vitals": "^1.0.1"
   },
diff --git a/src/App.tsx b/src/App.tsx
index 4cd93c8..ccf8af5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,12 @@
 import React from 'react';
 import Home from './pages/Home';
+import GlobalStyle from './styles/globalStyles';
 
-const App = () => (<Home />)
+const App: React.FC = () => (
+  <>
+    <Home />
+    <GlobalStyle />
+  </>
+);
 
 export default App;
diff --git a/src/index.tsx b/src/index.tsx
index c1f31c5..e978020 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,5 +6,5 @@ ReactDOM.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
+  document.getElementById('root'),
 );
diff --git a/src/styles/globalStyles.ts b/src/styles/globalStyles.ts
new file mode 100644
index 0000000..a87d8f5
--- /dev/null
+++ b/src/styles/globalStyles.ts
@@ -0,0 +1,23 @@
+import { createGlobalStyle } from 'styled-components';
+
+export default createGlobalStyle`
+   * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    outline: none;
+  }
+  body {
+    background-color: #F7F8F9;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  }
+  
+  code {
+    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+      monospace;
+  }
+`;
diff --git a/yarn.lock b/yarn.lock
index aab628d..ca869e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -80,7 +80,16 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
-"@babel/helper-annotate-as-pure@^7.10.4", "@babel/helper-annotate-as-pure@^7.12.13":
+"@babel/generator@^7.13.9":
+  version "7.13.9"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.13.9.tgz#3a7aa96f9efb8e2be42d38d80e2ceb4c64d8de39"
+  integrity sha512-mHOOmY0Axl/JCTkxTU6Lf5sWOg/v8nUa+Xkt4zMTftX0wqmb6Sh7J8gvcehBw7q0AhrhAR+FDacKjCZ2X8K+Sw==
+  dependencies:
+    "@babel/types" "^7.13.0"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
+"@babel/helper-annotate-as-pure@^7.0.0", "@babel/helper-annotate-as-pure@^7.10.4", "@babel/helper-annotate-as-pure@^7.12.13":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.13.tgz#0f58e86dfc4bb3b1fcd7db806570e177d439b6ab"
   integrity sha512-7YXfX5wQ5aYM/BOlbSccHDbuXXFPxeoUmfWtz8le2yTkTZc+BxsiEnENFoi2SlmA8ewDkG2LgIMIVzzn2h8kfw==
@@ -278,6 +287,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.17.tgz#bc85d2d47db38094e5bb268fc761716e7d693848"
   integrity sha512-r1yKkiUTYMQ8LiEI0UcQx5ETw5dpTLn9wijn9hk6KkTtOK95FndDN10M+8/s6k/Ymlbivw0Av9q4SlgF80PtHg==
 
+"@babel/parser@^7.13.15":
+  version "7.13.15"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.13.15.tgz#8e66775fb523599acb6a289e12929fa5ab0954d8"
+  integrity sha512-b9COtcAlVEQljy/9fbcMHpG+UIW9ReF+gpaxDHTlZd0c6/UU9ng8zdySAW9sRTzpvcdCHn6bUcbuYUgGzLAWVQ==
+
 "@babel/plugin-proposal-async-generator-functions@^7.12.1", "@babel/plugin-proposal-async-generator-functions@^7.12.13":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.13.tgz#d1c6d841802ffb88c64a2413e311f7345b9e66b5"
@@ -1129,6 +1143,20 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
+"@babel/traverse@^7.4.5":
+  version "7.13.15"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.13.15.tgz#c38bf7679334ddd4028e8e1f7b3aa5019f0dada7"
+  integrity sha512-/mpZMNvj6bce59Qzl09fHEs8Bt8NnpEDQYleHUPZQ3wXUMvXi+HJPLars68oAbmp839fGoOkv2pSL2z9ajCIaQ==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    "@babel/generator" "^7.13.9"
+    "@babel/helper-function-name" "^7.12.13"
+    "@babel/helper-split-export-declaration" "^7.12.13"
+    "@babel/parser" "^7.13.15"
+    "@babel/types" "^7.13.14"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.13", "@babel/types@^7.12.17", "@babel/types@^7.12.6", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
   version "7.12.17"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.17.tgz#9d711eb807e0934c90b8b1ca0eb1f7230d150963"
@@ -1138,11 +1166,25 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.13.0", "@babel/types@^7.13.14":
+  version "7.13.14"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.13.14.tgz#c35a4abb15c7cd45a2746d78ab328e362cbace0d"
+  integrity sha512-A2aa3QTkWoyqsZZFl56MLUsfmh7O0gN41IPvXAE/++8ojpbz12SszD7JEGYVdn4f9Kt4amIei07swF1h4AqmmQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.12.11"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
+"@clayui/css@^3.25.3":
+  version "3.25.3"
+  resolved "https://registry.yarnpkg.com/@clayui/css/-/css-3.25.3.tgz#5c68e4f98ddf40664d06e8517fbdcf65493ca3d0"
+  integrity sha512-BWMkPn0nMpqhog3iCc9ktazoKKG3oChoNr2zzAzF9LusDGZVVo2pamQjdlAZfkfD/daAC5Bo5rlOLazHc45oKg==
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
@@ -1161,6 +1203,28 @@
   resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-10.1.0.tgz#f0950bba18819512d42f7197e56c518aa491cf18"
   integrity sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg==
 
+"@emotion/is-prop-valid@^0.8.8":
+  version "0.8.8"
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
+  integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
+  dependencies:
+    "@emotion/memoize" "0.7.4"
+
+"@emotion/memoize@0.7.4":
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
+  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+
+"@emotion/stylis@^0.8.4":
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
+  integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
+
+"@emotion/unitless@^0.7.4":
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+
 "@eslint/eslintrc@^0.3.0":
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.3.0.tgz#d736d6963d7003b6514e6324bec9c602ac340318"
@@ -1724,6 +1788,14 @@
   dependencies:
     "@types/node" "*"
 
+"@types/hoist-non-react-statics@*":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
+  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+
 "@types/html-minifier-terser@^5.0.0":
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#3c9ee980f1a10d6021ae6632ca3e79ca2ec4fb50"
@@ -1844,6 +1916,15 @@
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff"
   integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==
 
+"@types/styled-components@^5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.9.tgz#00d3d84b501420521c4db727e3c195459f87a6cf"
+  integrity sha512-kbEG6YlwK8rucITpKEr6pA4Ho9KSQHUUOzZ9lY3va1mtcjvS3D0wDciFyHEiNHKLL/npZCKDQJqm0x44sPO9oA==
+  dependencies:
+    "@types/hoist-non-react-statics" "*"
+    "@types/react" "*"
+    csstype "^3.0.2"
+
 "@types/tapable@*", "@types/tapable@^1.0.5":
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.6.tgz#a9ca4b70a18b270ccb2bc0aaafefd1d486b7ea74"
@@ -2609,6 +2690,13 @@ axe-core@^4.0.2:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.1.2.tgz#7cf783331320098bfbef620df3b3c770147bc224"
   integrity sha512-V+Nq70NxKhYt89ArVcaNL9FDryB3vQOd+BFXZIfO3RP6rwtj+2yqqqdHEkacutglPaZLkJeuXKCjCJDMGPtPqg==
 
+axios@^0.21.1:
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.1.tgz#22563481962f4d6bde9a76d516ef0e5d3c09b2b8"
+  integrity sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==
+  dependencies:
+    follow-redirects "^1.10.0"
+
 axobject-query@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
@@ -2700,6 +2788,21 @@ babel-plugin-named-asset-import@^0.3.7:
   resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.7.tgz#156cd55d3f1228a5765774340937afc8398067dd"
   integrity sha512-squySRkf+6JGnvjoUtDEjSREJEBirnXi9NqP6rjSYsylxQxqBTz+pkmf395i9E2zsvmYUaI40BHo6SqZUdydlw==
 
+"babel-plugin-styled-components@>= 1.12.0":
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"
+  integrity sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.0.0"
+    "@babel/helper-module-imports" "^7.0.0"
+    babel-plugin-syntax-jsx "^6.18.0"
+    lodash "^4.17.11"
+
+babel-plugin-syntax-jsx@^6.18.0:
+  version "6.18.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
+  integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
+
 babel-plugin-syntax-object-rest-spread@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
@@ -3176,6 +3279,11 @@ camelcase@^6.0.0, camelcase@^6.1.0, camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.2.0.tgz#924af881c9d525ac9d87f40d964e5cea982a1809"
   integrity sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==
 
+camelize@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
+  integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
+
 caniuse-api@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
@@ -3714,6 +3822,11 @@ css-blank-pseudo@^0.1.4:
   dependencies:
     postcss "^7.0.5"
 
+css-color-keywords@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
+  integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=
+
 css-color-names@0.0.4, css-color-names@^0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -3775,6 +3888,15 @@ css-select@^2.0.0, css-select@^2.0.2:
     domutils "^1.7.0"
     nth-check "^1.0.2"
 
+css-to-react-native@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
+  integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
+  dependencies:
+    camelize "^1.0.0"
+    css-color-keywords "^1.0.0"
+    postcss-value-parser "^4.0.2"
+
 css-tree@1.0.0-alpha.37:
   version "1.0.0-alpha.37"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
@@ -5230,6 +5352,11 @@ follow-redirects@^1.0.0:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.2.tgz#dd73c8effc12728ba5cf4259d760ea5fb83e3147"
   integrity sha512-6mPTgLxYm3r6Bkkg0vNM0HTjfGrOEtsfbhagQvbxDEsEkpNhw582upBaoRZylzen6krEmxXJgt9Ju6HiI4O7BA==
 
+follow-redirects@^1.10.0:
+  version "1.13.3"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.3.tgz#e5598ad50174c1bc4e872301e82ac2cd97f90267"
+  integrity sha512-DUgl6+HDzB0iEptNQEXLx/KhTmDb8tZUHSeLqpnjpknR70H0nC2t9N73BK6fN4hOvJ84pKlIQVQ4k5FFlBedKA==
+
 for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -5642,6 +5769,13 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
@@ -9220,7 +9354,7 @@ react-error-overlay@^6.0.9:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.9.tgz#3c743010c9359608c375ecd6bc76f35d93995b0a"
   integrity sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==
 
-react-is@^16.8.1:
+react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -9991,6 +10125,11 @@ sha.js@^2.4.0, sha.js@^2.4.8:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
+shallowequal@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
+  integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -10494,6 +10633,22 @@ style-loader@1.3.0:
     loader-utils "^2.0.0"
     schema-utils "^2.7.0"
 
+styled-components@^5.2.3:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.2.3.tgz#752669fd694aac10de814d96efc287dde0d11385"
+  integrity sha512-BlR+KrLW3NL1yhvEB+9Nu9Dt51CuOnHoxd+Hj+rYPdtyR8X11uIW9rvhpy3Dk4dXXBsiW1u5U78f00Lf/afGoA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/traverse" "^7.4.5"
+    "@emotion/is-prop-valid" "^0.8.8"
+    "@emotion/stylis" "^0.8.4"
+    "@emotion/unitless" "^0.7.4"
+    babel-plugin-styled-components ">= 1.12.0"
+    css-to-react-native "^3.0.0"
+    hoist-non-react-statics "^3.0.0"
+    shallowequal "^1.1.0"
+    supports-color "^5.5.0"
+
 stylehacks@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -10503,7 +10658,7 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-supports-color@^5.3.0:
+supports-color@^5.3.0, supports-color@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==

From 3e69b1eb1114a8eddd1cbd362737414d3c9e1bf0 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:55:26 -0300
Subject: [PATCH 02/63] Added Dependencies

---
 package.json |   4 ++
 src/App.tsx  |   2 +-
 yarn.lock    | 118 +++++++++++++++++++++++++++++++++++++++++++++++++--
 3 files changed, 120 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 3b6cb1a..4cc5abe 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,9 @@
   "private": true,
   "dependencies": {
     "@clayui/css": "^3.25.3",
+    "@clayui/drop-down": "^3.25.1",
+    "@clayui/form": "^3.14.4",
+    "@clayui/management-toolbar": "^3.3.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
@@ -15,6 +18,7 @@
     "axios": "^0.21.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-icons": "^4.2.0",
     "react-scripts": "4.0.3",
     "styled-components": "^5.2.3",
     "typescript": "^4.1.2",
diff --git a/src/App.tsx b/src/App.tsx
index ccf8af5..8ffc057 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Home from './pages/Home';
 import GlobalStyle from './styles/globalStyles';
-
+import '@clayui/css/lib/css/atlas.css';
 const App: React.FC = () => (
   <>
     <Home />
diff --git a/yarn.lock b/yarn.lock
index ca869e9..3a58a7f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1112,7 +1112,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.13.10"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.13.10.tgz#47d42a57b6095f4468da440388fdbad8bebf0d7d"
   integrity sha512-4QPkjJq6Ns3V/RgpEahRk+AGfL0eO6RHHtTWoNNr5mO49G6B5+X6d6THgWEAvTrznU5xYpbAlVKRYcsCgh/Akw==
@@ -1180,11 +1180,83 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
+"@clayui/button@^3.6.0":
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/@clayui/button/-/button-3.6.0.tgz#ee9b53984abe0eb72ec9889db7aa644fc41212ad"
+  integrity sha512-ihijKf+Tqz750fJg5A56j1y1ibePjqFLotWOFK2r9xfagsAPb0TUxGuwJhg7RjMnvhgBmoNUZ06XO1BUThX3tA==
+  dependencies:
+    "@clayui/icon" "^3.1.0"
+    classnames "^2.2.6"
+
 "@clayui/css@^3.25.3":
   version "3.25.3"
   resolved "https://registry.yarnpkg.com/@clayui/css/-/css-3.25.3.tgz#5c68e4f98ddf40664d06e8517fbdcf65493ca3d0"
   integrity sha512-BWMkPn0nMpqhog3iCc9ktazoKKG3oChoNr2zzAzF9LusDGZVVo2pamQjdlAZfkfD/daAC5Bo5rlOLazHc45oKg==
 
+"@clayui/drop-down@^3.25.1":
+  version "3.25.1"
+  resolved "https://registry.yarnpkg.com/@clayui/drop-down/-/drop-down-3.25.1.tgz#33cf55885de9982ea10321fb96c1ade71cbcf239"
+  integrity sha512-teIMLEvs8CZY7oYwJuaTsUQIu7/veyqDhMqhi0oYxk0mwTkstJZEsAbyQCX50veXu11armincjxjqo/fcn3eMQ==
+  dependencies:
+    "@clayui/button" "^3.6.0"
+    "@clayui/form" "^3.14.4"
+    "@clayui/icon" "^3.1.0"
+    "@clayui/link" "^3.2.0"
+    "@clayui/shared" "^3.5.1"
+    classnames "^2.2.6"
+    dom-align "^1.10.2"
+    react-transition-group "^4.4.1"
+    warning "^4.0.3"
+
+"@clayui/form@^3.14.4":
+  version "3.14.4"
+  resolved "https://registry.yarnpkg.com/@clayui/form/-/form-3.14.4.tgz#50725d4647a3e1fba3fc5449429f8baec694b2df"
+  integrity sha512-R5pm55qw0ooH5ItepehAebUwLrJoebe1xnbA5Pkk/rbL+SzbJRtXv1igMNjvT1hUhjbSG7s2ZKKnXnVdhnmm3w==
+  dependencies:
+    "@clayui/button" "^3.6.0"
+    "@clayui/icon" "^3.1.0"
+    "@clayui/shared" "^3.5.1"
+    classnames "^2.2.6"
+
+"@clayui/icon@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@clayui/icon/-/icon-3.1.0.tgz#9e600f87194f8dacfb49ace121fbab25a2e82f03"
+  integrity sha512-rxFih7ktNoYx7jJMYWA5GiEh6bJ5W3mB5fWRlSAw8sVyDvSH8rIdaqR77SmvAJDTygfKuKJlyeHnhTmWZgJbCg==
+  dependencies:
+    classnames "^2.2.6"
+    warning "^4.0.3"
+
+"@clayui/layout@^3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@clayui/layout/-/layout-3.3.0.tgz#89b54741787b2d9efaced088e5478fd7c0cb935e"
+  integrity sha512-bIOt0zAyWpg0YHDVc52cMaCS75q3CkZRmvgzj/h9wq4xVbUvogesm8OD1iwHc+ILJzfkKqzgujCrDGZvzOBf+w==
+  dependencies:
+    classnames "^2.2.6"
+    warning "^4.0.3"
+
+"@clayui/link@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@clayui/link/-/link-3.2.0.tgz#1d5fc80f574f18d3880bc3584cd2d83761b6ec78"
+  integrity sha512-UjuEGGwE3X/XnB3Ul+JPPAveHj3d76OyRu8rwhKuw5VwyfQVadb7p8owqpohOPaD29ytljOfce8a6X0vGoXJig==
+  dependencies:
+    classnames "^2.2.6"
+
+"@clayui/management-toolbar@^3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@clayui/management-toolbar/-/management-toolbar-3.3.0.tgz#bedf513b56e5b5756e0287149c1cd90f8b8f3043"
+  integrity sha512-O0pAmcyWxP+j80TZtCokyPL88sfNzq9mzBHqsnKlc+nsCgMMZlxTPmR7O/T4nrA3jWaIsQH4lsRBQReCz00IHQ==
+  dependencies:
+    "@clayui/layout" "^3.3.0"
+    classnames "^2.2.6"
+
+"@clayui/shared@^3.5.1":
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/@clayui/shared/-/shared-3.5.1.tgz#6daee67b300f346381dd126472802f0a83472c4c"
+  integrity sha512-p7vDmc+AcUnk7R/3+Xr+WNm7A5sUcmLbYlgK0GkXHUDwe+aVWwWYH1/mBL9aHCt9RFKc6WyM3zZv8cvOzlhFLA==
+  dependencies:
+    "@clayui/button" "^3.6.0"
+    "@clayui/link" "^3.2.0"
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
@@ -3430,6 +3502,11 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
+classnames@^2.2.6:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
+  integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==
+
 clean-css@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
@@ -4310,6 +4387,11 @@ dom-accessibility-api@^0.5.4:
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz#b06d059cdd4a4ad9a79275f9d414a5c126241166"
   integrity sha512-TvrjBckDy2c6v6RLxPv5QXOnU+SmF9nBII5621Ve5fu6Z/BDrENurBEvlC1f44lKEUVqOpK4w9E5Idc5/EgkLQ==
 
+dom-align@^1.10.2:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/dom-align/-/dom-align-1.12.0.tgz#56fb7156df0b91099830364d2d48f88963f5a29c"
+  integrity sha512-YkoezQuhp3SLFGdOlr5xkqZ640iXrnHAwVYcDg8ZKRUtO7mSzSC2BA5V0VuyAwPSJA4CLIc6EDDJh4bEsD2+zA==
+
 dom-converter@^0.2:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
@@ -4317,6 +4399,14 @@ dom-converter@^0.2:
   dependencies:
     utila "~0.4"
 
+dom-helpers@^5.0.1:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.0.tgz#57fd054c5f8f34c52a3eeffdb7e7e93cd357d95b"
+  integrity sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -7292,7 +7382,7 @@ loglevel@^1.6.8:
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.1.tgz#005fde2f5e6e47068f935ff28573e125ef72f197"
   integrity sha512-Hesni4s5UkWkwCGJMQGAh71PaLUmKFM60dHvq0zi/vDhhrzuk+4GgNbTXJ12YYQJn6ZKBDNIjYcuQGKudvqrIw==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -9134,7 +9224,7 @@ prompts@2.4.0, prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.7.2:
+prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -9354,6 +9444,11 @@ react-error-overlay@^6.0.9:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.9.tgz#3c743010c9359608c375ecd6bc76f35d93995b0a"
   integrity sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==
 
+react-icons@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.2.0.tgz#6dda80c8a8f338ff96a1851424d63083282630d0"
+  integrity sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==
+
 react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -9435,6 +9530,16 @@ react-scripts@4.0.3:
   optionalDependencies:
     fsevents "^2.1.3"
 
+react-transition-group@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.1.tgz#63868f9325a38ea5ee9535d828327f85773345c9"
+  integrity sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
 react@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
@@ -11329,6 +11434,13 @@ walker@^1.0.7, walker@~1.0.5:
   dependencies:
     makeerror "1.0.x"
 
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 watchpack-chokidar2@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz#38500072ee6ece66f3769936950ea1771be1c957"

From 26b0a08e50dcbad6ca13cae37d47c7cf2db73597 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:55:52 -0300
Subject: [PATCH 03/63] Created Filter DropDown component

---
 src/components/FilterDropDown/index.tsx | 41 +++++++++++++++++++++++++
 src/components/FilterDropDown/styles.ts | 24 +++++++++++++++
 2 files changed, 65 insertions(+)
 create mode 100644 src/components/FilterDropDown/index.tsx
 create mode 100644 src/components/FilterDropDown/styles.ts

diff --git a/src/components/FilterDropDown/index.tsx b/src/components/FilterDropDown/index.tsx
new file mode 100644
index 0000000..f34749b
--- /dev/null
+++ b/src/components/FilterDropDown/index.tsx
@@ -0,0 +1,41 @@
+import React, { useState } from 'react';
+
+import ClayDropDown from '@clayui/drop-down';
+import { IoMdArrowDropdown, IoMdArrowDropup } from 'react-icons/io';
+import { Container } from './styles';
+const FilterDropDown: React.FC = () => {
+  const [openDropdown, setOpenDropdown] = useState(false);
+  return (
+    <Container>
+      <ClayDropDown
+        className="dropDown"
+        active={openDropdown}
+        onActiveChange={setOpenDropdown}
+        trigger={
+          <button className="dropdown-trigger">
+            {`Filter and order `}
+            {!openDropdown ? (
+              <IoMdArrowDropdown size={25} className="icon" />
+            ) : (
+              <IoMdArrowDropup size={25} className="icon" />
+            )}
+          </button>
+        }
+      >
+        <ClayDropDown.ItemList>
+          <ClayDropDown.Group header="ORDER BY">
+            <ClayDropDown.Item onClick={() => setOpenDropdown(false)}>
+              Stars
+            </ClayDropDown.Item>
+            <ClayDropDown.Item>Forks</ClayDropDown.Item>
+            <ClayDropDown.Item>Open Issues</ClayDropDown.Item>
+            <ClayDropDown.Item>Age</ClayDropDown.Item>
+            <ClayDropDown.Item>Last commit</ClayDropDown.Item>
+          </ClayDropDown.Group>
+        </ClayDropDown.ItemList>
+      </ClayDropDown>
+    </Container>
+  );
+};
+
+export default FilterDropDown;
diff --git a/src/components/FilterDropDown/styles.ts b/src/components/FilterDropDown/styles.ts
new file mode 100644
index 0000000..603fc41
--- /dev/null
+++ b/src/components/FilterDropDown/styles.ts
@@ -0,0 +1,24 @@
+import styled from 'styled-components';
+
+export const Container = styled.section`
+  .dropdown-trigger {
+    background: transparent;
+    border: 1px solid #fff;
+    border-radius: 4px;
+    padding: 8px 12px;
+    color: var(--secondary);
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 2px;
+    transition: 200ms all ease;
+    display: flex;
+    align-items: center;
+    :hover {
+      background: #f1f2f5;
+      border: 1px solid #cdced9;
+    }
+    .icon {
+      margin-left: 10px;
+    }
+  }
+`;

From 4fba7b315a294806808c0b672be1b9ac580e2b01 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:56:03 -0300
Subject: [PATCH 04/63] Created NavBar Component

---
 src/components/NavBar/index.tsx | 46 +++++++++++++++++++++++++++
 src/components/NavBar/styles.ts | 56 +++++++++++++++++++++++++++++++++
 2 files changed, 102 insertions(+)
 create mode 100644 src/components/NavBar/index.tsx
 create mode 100644 src/components/NavBar/styles.ts

diff --git a/src/components/NavBar/index.tsx b/src/components/NavBar/index.tsx
new file mode 100644
index 0000000..ac46055
--- /dev/null
+++ b/src/components/NavBar/index.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+
+import { Container, Button } from './styles';
+
+import { FaGithub, FaAdjust } from 'react-icons/fa';
+import { BsFillGridFill } from 'react-icons/bs';
+
+import SearchBar from '../SearchBar';
+import FilterDropDown from '../FilterDropDown';
+import StarFilter from '../StarFilter';
+import NewRepositoryForm from '../NewRepositoryForm';
+
+const NavBar: React.FC = () => {
+  return (
+    <Container>
+      <section>
+        <FaGithub size={25} color="#6B6C7E" className="brand-icon" />
+        <label id="brand">Github Compare</label>
+      </section>
+      <FilterDropDown />
+      <section>
+        <SearchBar />
+      </section>
+      <ul id="menu-button">
+        <li>
+          <StarFilter />
+        </li>
+        <li>
+          <Button type="button">
+            <FaAdjust size={20} />
+          </Button>
+        </li>
+        <li>
+          <Button type="button">
+            <BsFillGridFill size={20} />
+          </Button>
+        </li>
+        <li>
+          <NewRepositoryForm />
+        </li>
+      </ul>
+    </Container>
+  );
+};
+
+export default NavBar;
diff --git a/src/components/NavBar/styles.ts b/src/components/NavBar/styles.ts
new file mode 100644
index 0000000..ea52612
--- /dev/null
+++ b/src/components/NavBar/styles.ts
@@ -0,0 +1,56 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  background: #fff;
+  height: 64px;
+  padding: 0px 40px 0px 40px;
+
+  section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    label {
+      margin-left: 28px;
+    }
+  }
+
+  #brand {
+    color: var(--secondary);
+    font-weight: 500;
+    font-size: 14px;
+  }
+
+  #menu-button {
+    width: 20%;
+    margin-left: 20px;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    justify-content: space-evenly;
+    li {
+      display: flex;
+      align-items: center;
+    }
+  }
+`;
+
+export const Button = styled.button`
+  height: 32px;
+  width: 32px;
+  display: flex;
+  border: 1px solid #fff;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+  transition: 200ms all ease;
+  border-radius: 4px;
+  color: var(--secondary);
+  :hover {
+    background: #f1f2f5;
+    border: 1px solid #cdced9;
+  }
+`;

From 3e2dedbceaf255e62b4066559af33cd40c613fbb Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:56:17 -0300
Subject: [PATCH 05/63] Created New Repository Popup

---
 src/components/NewRepositoryForm/index.tsx | 43 +++++++++++++
 src/components/NewRepositoryForm/styles.ts | 71 ++++++++++++++++++++++
 2 files changed, 114 insertions(+)
 create mode 100644 src/components/NewRepositoryForm/index.tsx
 create mode 100644 src/components/NewRepositoryForm/styles.ts

diff --git a/src/components/NewRepositoryForm/index.tsx b/src/components/NewRepositoryForm/index.tsx
new file mode 100644
index 0000000..7faa136
--- /dev/null
+++ b/src/components/NewRepositoryForm/index.tsx
@@ -0,0 +1,43 @@
+import React, { useState } from 'react';
+
+import { Button, Container, Content } from './styles';
+import ClayForm, { ClayInput } from '@clayui/form';
+import { FiPlus } from 'react-icons/fi';
+
+const NewRepositoryForm: React.FC = () => {
+  const [openDropdown, setOpenDropdown] = useState(false);
+
+  return (
+    <Container>
+      <Button type="button" onClick={() => setOpenDropdown(!openDropdown)}>
+        <FiPlus size={20} />
+      </Button>
+      {openDropdown && (
+        <Content onSubmit={() => console.log('SUBMITED FORM')}>
+          <ClayForm.Group className="input-group">
+            <h4>New repository</h4>
+            <label htmlFor="repository">
+              Repository <span>*</span>
+            </label>
+            <ClayInput component="input" id="repository" type="text" />
+          </ClayForm.Group>
+          <hr />
+          <footer>
+            <button
+              className="btn btn-secondary"
+              type="button"
+              onClick={() => setOpenDropdown(false)}
+            >
+              Cancel
+            </button>
+            <button className="btn btn-primary" type="submit">
+              Add
+            </button>
+          </footer>
+        </Content>
+      )}
+    </Container>
+  );
+};
+
+export default NewRepositoryForm;
diff --git a/src/components/NewRepositoryForm/styles.ts b/src/components/NewRepositoryForm/styles.ts
new file mode 100644
index 0000000..b637b34
--- /dev/null
+++ b/src/components/NewRepositoryForm/styles.ts
@@ -0,0 +1,71 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+`;
+
+export const Button = styled.button`
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--primary);
+  border: 0;
+  border-radius: 4px;
+  color: #fff;
+`;
+
+export const Content = styled.form`
+  h4 {
+    font-size: 18px;
+  }
+  @keyframes FadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  border-radius: 4px;
+  background: #fff;
+  width: 448px;
+  position: absolute;
+  top: 40px;
+  right: 0px;
+  z-index: 9999;
+  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  animation-name: FadeIn;
+  animation-duration: 300ms;
+
+  .input-group {
+    padding: 9px 24px;
+    margin-top: 16px;
+    display: flex;
+    flex-direction: column;
+
+    label {
+      font-size: 14px;
+      color: var(--dark);
+      font-weight: 400;
+      span {
+        color: var(--warning);
+      }
+    }
+  }
+  footer {
+    padding: 9px 24px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    button + button {
+      margin-left: 16px;
+    }
+  }
+`;

From 9e842ecf33353f63dceb0635eaf551e4a1a276b0 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:56:31 -0300
Subject: [PATCH 06/63] Created Search bar component

---
 src/components/SearchBar/index.tsx | 32 ++++++++++++++++++++++++++++++
 src/components/SearchBar/style.ts  | 15 ++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 src/components/SearchBar/index.tsx
 create mode 100644 src/components/SearchBar/style.ts

diff --git a/src/components/SearchBar/index.tsx b/src/components/SearchBar/index.tsx
new file mode 100644
index 0000000..e05bb37
--- /dev/null
+++ b/src/components/SearchBar/index.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+
+import { Container, Button } from './style';
+import { ClayInput } from '@clayui/form';
+
+import ClayManagementToolbar from '@clayui/management-toolbar';
+import { FiSearch } from 'react-icons/fi';
+const SearchBar: React.FC = () => {
+  return (
+    <Container>
+      <ClayManagementToolbar.Search>
+        <ClayInput.Group>
+          <ClayInput.GroupItem>
+            <ClayInput
+              aria-label="Search"
+              className="form-control input-group-inset input-group-inset-after"
+              type="text"
+              placeholder="Search"
+            />
+            <ClayInput.GroupInsetItem after tag="span">
+              <Button type="button" onClick={() => console.log('SEARCHED')}>
+                <FiSearch color="#6B6C7E" />
+              </Button>
+            </ClayInput.GroupInsetItem>
+          </ClayInput.GroupItem>
+        </ClayInput.Group>
+      </ClayManagementToolbar.Search>
+    </Container>
+  );
+};
+
+export default SearchBar;
diff --git a/src/components/SearchBar/style.ts b/src/components/SearchBar/style.ts
new file mode 100644
index 0000000..79573c7
--- /dev/null
+++ b/src/components/SearchBar/style.ts
@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  width: 419px;
+`;
+
+export const Button = styled.button`
+  border: 0;
+  padding: 0px 12px 0px 12px;
+  display: flex;
+  height: 100%;
+  background-color: transparent;
+  align-items: center;
+  justify-content: center;
+`;

From aa2d70c35062224e3f5aa65ae28a5bbc9a9a9dc7 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:56:48 -0300
Subject: [PATCH 07/63] Created Star button Filter

---
 src/components/StarFilter/index.tsx | 15 +++++++++++++++
 src/components/StarFilter/styles.ts | 18 ++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 src/components/StarFilter/index.tsx
 create mode 100644 src/components/StarFilter/styles.ts

diff --git a/src/components/StarFilter/index.tsx b/src/components/StarFilter/index.tsx
new file mode 100644
index 0000000..91a4bde
--- /dev/null
+++ b/src/components/StarFilter/index.tsx
@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+
+import { Button } from './styles';
+import { MdStar, MdStarBorder } from 'react-icons/md';
+
+const StarFilter: React.FC = () => {
+  const [active, setActive] = useState(false);
+  return (
+    <Button type="button" onClick={() => setActive(!active)}>
+      {active ? <MdStarBorder size={25} /> : <MdStar size={25} />}
+    </Button>
+  );
+};
+
+export default StarFilter;
diff --git a/src/components/StarFilter/styles.ts b/src/components/StarFilter/styles.ts
new file mode 100644
index 0000000..854d1d6
--- /dev/null
+++ b/src/components/StarFilter/styles.ts
@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+export const Button = styled.button`
+  height: 32px;
+  width: 32px;
+  display: flex;
+  border: 1px solid #fff;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+  transition: 200ms all ease;
+  border-radius: 4px;
+  color: var(--secondary);
+  :hover {
+    background: #f1f2f5;
+    border: 1px solid #cdced9;
+  }
+`;

From 5f036fdd39cb4b896c51b8311c5263acfcd86a71 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:57:10 -0300
Subject: [PATCH 08/63] Properly rendering Home

---
 src/pages/Home/index.tsx | 9 +++++++--
 src/pages/Home/styles.ts | 8 ++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Home/styles.ts

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index b105224..e756472 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -1,9 +1,14 @@
 import React from 'react';
 
-// import { Container } from './styles';
+import { Container } from './styles';
+import NavBar from '../../components/NavBar';
 
 const Home: React.FC = () => {
-  return <h1>Git-Hub compare</h1>;
+  return (
+    <Container>
+      <NavBar />
+    </Container>
+  );
 };
 
 export default Home;
diff --git a/src/pages/Home/styles.ts b/src/pages/Home/styles.ts
new file mode 100644
index 0000000..9d8bac7
--- /dev/null
+++ b/src/pages/Home/styles.ts
@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  position: relative;
+`;

From 4f3da2bfad7557b76f78b335ee9603ad05045cb4 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 16:57:17 -0300
Subject: [PATCH 09/63] Added new styles

---
 src/styles/globalStyles.ts | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/styles/globalStyles.ts b/src/styles/globalStyles.ts
index a87d8f5..c49ee67 100644
--- a/src/styles/globalStyles.ts
+++ b/src/styles/globalStyles.ts
@@ -12,12 +12,24 @@ export default createGlobalStyle`
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  ul {
+    list-style: none;
+    margin: 0;
+  }
+  #root {
+    position: relative;
   }
-  
   code {
     font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
       monospace;
   }
+
+  --secondary: #6B6C7E;
+  --primary: #0B5FFF;
+  --dark: #272833;
+  --warning: #B95000;
 `;

From a83622d72715b2b95e1a40c729cd08b3425c9543 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:19:50 -0300
Subject: [PATCH 10/63] Added new Dependencies

---
 package.json |  2 ++
 yarn.lock    | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/package.json b/package.json
index 4cc5abe..0383978 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@clayui/card": "^3.25.1",
     "@clayui/css": "^3.25.3",
     "@clayui/drop-down": "^3.25.1",
     "@clayui/form": "^3.14.4",
+    "@clayui/label": "^3.4.1",
     "@clayui/management-toolbar": "^3.3.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
diff --git a/yarn.lock b/yarn.lock
index 3a58a7f..bdad340 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1188,6 +1188,22 @@
     "@clayui/icon" "^3.1.0"
     classnames "^2.2.6"
 
+"@clayui/card@^3.25.1":
+  version "3.25.1"
+  resolved "https://registry.yarnpkg.com/@clayui/card/-/card-3.25.1.tgz#e42cdd1a42295795f831b2188b3098f1aa7459d6"
+  integrity sha512-p9onzrFE9cGfX4BvD0IgXhKgfiQ1zWWlehaTyoaEDDBBLAMf1J6J8td23oNFnRXatHqdPLA9XLNlHH89ji4Axg==
+  dependencies:
+    "@clayui/button" "^3.6.0"
+    "@clayui/drop-down" "^3.25.1"
+    "@clayui/form" "^3.14.4"
+    "@clayui/icon" "^3.1.0"
+    "@clayui/label" "^3.4.1"
+    "@clayui/layout" "^3.3.0"
+    "@clayui/link" "^3.2.0"
+    "@clayui/shared" "^3.5.1"
+    "@clayui/sticker" "^3.3.0"
+    classnames "^2.2.6"
+
 "@clayui/css@^3.25.3":
   version "3.25.3"
   resolved "https://registry.yarnpkg.com/@clayui/css/-/css-3.25.3.tgz#5c68e4f98ddf40664d06e8517fbdcf65493ca3d0"
@@ -1226,6 +1242,15 @@
     classnames "^2.2.6"
     warning "^4.0.3"
 
+"@clayui/label@^3.4.1":
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/@clayui/label/-/label-3.4.1.tgz#af235c32c006e0d12d3bb3a3556706033aef9608"
+  integrity sha512-ReGAldU4JkNzvAO0GkmdRy6JIKVVxMF2/L2caG2RxQDVyLsWVB3uituqHCOp3PC3va4KVR0KYQJ7hb317vN15g==
+  dependencies:
+    "@clayui/icon" "^3.1.0"
+    "@clayui/link" "^3.2.0"
+    classnames "^2.2.6"
+
 "@clayui/layout@^3.3.0":
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/@clayui/layout/-/layout-3.3.0.tgz#89b54741787b2d9efaced088e5478fd7c0cb935e"
@@ -1257,6 +1282,13 @@
     "@clayui/button" "^3.6.0"
     "@clayui/link" "^3.2.0"
 
+"@clayui/sticker@^3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@clayui/sticker/-/sticker-3.3.0.tgz#77fa3606688050bf9e731b49f319320c3718f00b"
+  integrity sha512-Qmu3jarLiyeQmTZYikIAk9g/npl8bPxN1xhaMWP4C95yUZJgCbvqwzDCSEPHYCR+QiedKizBVKG9kQMoqdmcPA==
+  dependencies:
+    classnames "^2.2.6"
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"

From 517028cfea7e403db52f7bc5cb2f74c4b5a0d8a7 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:20:02 -0300
Subject: [PATCH 11/63] Icon assets

---
 src/assets/logo.png | Bin 0 -> 3087 bytes
 src/assets/logo.svg |  15 +++++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 src/assets/logo.png
 create mode 100644 src/assets/logo.svg

diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb17c8b5caea2a468c9fec8c6363e0c194e71675
GIT binary patch
literal 3087
zcmeHJc~H|y8vP}q00k3{EpZe=JW6B)MMQ#f1w{@EMF$WCBBv_?F(QU25CV80B7!@!
z9J;{FATSsSAV-u;5@kRb!y#f44nsILAmjof2_%GU)S0Q>+GT2st^IHQ=&G-}`>XEv
z_3QV(tmDT#*R9>S765>C-d^rs0RSlP<IvUC%%m~wI{`qC?d|U7f8}pN?uiSV@Dc5^
zYW=Ee!=HfMZ=Kz&x9(Q@PihYue{=Koq`gJQgw`<_!aW(nLv#sV+OUlMkvl?79gKb^
zx<zKsM-+Q458PK5N*A59?Itoo4x!NU6ACZ@0)Y@)5P-XuR@$vJz`)P|*a8Nl+)=<S
zU0uNNkH!DK2pvDp1H;(55bF!C#0{MaqGh?$u5!3UoghHlq~R>N0hatHZ@Iai)a5qC
zSQIzuPwF3HozocduxAHKx|ocDpn?pLx`x_+ftRA37=r~?7tA2RwnkWqgJSOJ)HJbS
z7+l7}@ysx<C}OXdZYYm1BB!@!8iuxPuckadHxfft@pt04iWWB~MZyY*SFPYPZg<bs
z6BVPQ3>80Ku-R`C`fxKIK6Bz-mfdzlj#WOXZT>O272@)W)!XDayZ4@b$_-Y>(NMY}
zY$3WGDV;kiF!bX?AEr|nj~q$rz9b#f+ag&3Px)o+6)|dKVOL5-hVOZ{s=J1P9DzoK
zVN2zOEH#D(fp#jQhg8Eo2XFE<(@2%LVP4w-r6;K#UDNTpnL->|yYTi$inayf8VR17
zkvvM<X9xPCB$RtYsR?Z~A){7L{!?;n*y@=mWkaIB%_ot0E)TF11%m9a=LzQG-T`JG
zMpTODnyGW+WrTMw8@xD4&)+&ZB?ml!{=lD(<`nD4k0x^>o&|--aX7)@*K~Qal%ADL
zSZ>{iLD5_87Y>T(aK#vf;`(PEwv;P7pd6Nvm0@0B+dZzO#KrGfb(0Sk`IwqI35R>u
zT;ChD!6(~SY~JFsV6%EGD`)0qowf?hW^YQ(Cd@1v<Yf(XB6EYylpk>por&btP?;_p
z{*vb7Q(Z3!PPsj7o)D~<q|mzQa;o6dLeFg1V>0~|RC+#<IGS9$G&Q9mMDtg7B{ROl
zWY1cdc3&ghW*@BQ42!*K<T%ZRICkG2fnP~2?p+mt?2a=7IM~uIq?9?|_OpTxlfM`8
zr<!CvRPkL{OAdk8zn`ezdI$-LT}Fgk2YOP)QMdG%)b&i(SaS_2c(-jN51DA}N`!AS
z&9AB5UXe(x$)rCOigE|!L+2>83qs|~?#0M|tM?a5dR@Y@2CGfs`qDeDt^M+xVky#j
z<;tyI=6<U=^V1>id0J5s_R_BLlkKUOWpf{zICnmS^hRy3U=PTxUCPC|&#YC_p)*Js
zA#!qQ&o)p|$@qiQXhNOoMBmtQ%UsxEU!UMK8dq-08!i1MyCT*(ECyaedsK~l{$0{%
z{)tx<<=<y}x>K~hOsYBER3FCGf4q3@dSi&0sQK&7yR0NZ8vY3AWEW+2XMYc`U(VeN
zGlDV$PZ|4Bxtv3xAu?IJP${baE>~HVqgu)#m}eeFZJ(Hw?hb7@AWPZHh{Fke&k858
zLZyQhxFswo#nxq8q$@F!*IsF{5>NgYS1BrNyVMv>8%_8H(RxskMu((NS#{>cG$+hI
z-^O-NV>cZ;Yl$OvVx~%Agm=D}UoUFw+>WeoRz&RYtZY-=;J=uwtmM=;PaoM2A1jo{
zecpvY3qXF-8DRj127<B#QVa5V$R(YXtg(m!2h_hKIOf;uCF8Pq8>h>AZD2;j-{+Ic
z(0JR{8xnLjKPH~bVO5*BDTf8!N^z0SnoRyqE06L|)L#(&O8w8j7Mh)A^W}e#8qKqe
z)C8qmQX9zj*#AFhZ{TrOV{Jj$1#8(0o~~}$lOimfazIvAUr<S*y`+cY3kas`LE-)}
z#RT4%--qSGp*OA!5l%+qq2=+Xw653frx&qUCd_b`F7fUZSiY+>t%Ma2_-fW{Ig23C
zmBpi)*^r8f(E-w662$ZoXVN#MPy6rC)psRPR|IUx2<j?!oe%0Jo|Occ?vPZcujzO`
zO<uwa)?F-YX0r7vJW$$f9GBQQ4CqveQ{$Y&W3-~eJgIXn_{NzjGm*li8tIdhrXNR$
zf3l0Jm}EPS)Lu5h@`Ck`pf>iim#G?E%!{L7=@?r0ZLNptNE3@dbd`EQW0e`I<f*PU
z^Cj(*5b&Fhlp%H1Nk*csd3iobm0UG{r^+bLgKc6V;F6U`+!6jvR-&94m@4bNn`ZYx
zMtVFjk-G(K9<44Jz%0Kfk(xBc*};Et3HMGupGn^N(eU4^=DQC$4JPQ=f|ZW<c%o)w
z*Hf9iCStCsCY;@%gGX$wXKX6!nl3$JsUA$yyK~T5@P_4zrEqv_+Mnuncv)-w|0u)J
z8ZB@5X0E3^fBel~4-3#2CBxcfAvD#{Nt}GVmrNYh;R6>@OZuySh(9v_rMp&}0DxNU
Yp22QOKYMLf)93@<hmX0F4~Av@0|Onr1^@s6

literal 0
HcmV?d00001

diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..203f383
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,15 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.5" y="0.5" width="199" height="199" fill="url(#pattern0)"/>
+<rect x="0.5" y="0.5" width="199" height="199" stroke="black"/>
+<rect x="0.5" y="0.5" width="199" height="199" stroke="url(#paint0_linear)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" transform="scale(0.005)"/>
+</pattern>
+<linearGradient id="paint0_linear" x1="100" y1="0" x2="100" y2="200" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<image id="image0" width="200" height="200" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

From 7238beb3187bf90723ebacf9b82abf0b82fd1f24 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:20:15 -0300
Subject: [PATCH 12/63] Created New Card Component

---
 src/components/Card/index.tsx | 71 +++++++++++++++++++++++++++++++++++
 src/components/Card/styles.ts | 45 ++++++++++++++++++++++
 2 files changed, 116 insertions(+)
 create mode 100644 src/components/Card/index.tsx
 create mode 100644 src/components/Card/styles.ts

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
new file mode 100644
index 0000000..c7c868e
--- /dev/null
+++ b/src/components/Card/index.tsx
@@ -0,0 +1,71 @@
+import React from 'react';
+
+import { CardHeader, CardBody } from './styles';
+import ClayCard from '@clayui/card';
+import { MdStarBorder /*, MdStar */ } from 'react-icons/md';
+import { FiTrash2 } from 'react-icons/fi';
+import logo from '../../assets/logo.png';
+import ClayLabel from '@clayui/label';
+const Card: React.FC = () => {
+  return (
+    <div className="col-md-3">
+      <ClayCard>
+        <CardHeader>
+          <section>
+            <img src={logo} width={40} height={40} />
+            <h4>liferay/liferay-portal</h4>
+          </section>
+          <section>
+            <button type="button" onClick={() => console.log('start clicked')}>
+              <MdStarBorder size={23} color="#6B6C7E" />
+            </button>
+            <button type="button" onClick={() => console.log('Trash clicked')}>
+              <FiTrash2 size={20} color="#6B6C7E" />
+            </button>
+          </section>
+        </CardHeader>
+        <CardBody>
+          <ul>
+            <li>
+              <p>
+                Stars <span>150</span>
+              </p>
+            </li>
+
+            <li>
+              <p>
+                Forks <span>442</span>
+              </p>
+            </li>
+
+            <li>
+              <p>
+                Open Issues <span>0</span>
+              </p>
+            </li>
+            <li>
+              <p>
+                Age <span>11 years ago</span>
+              </p>
+            </li>
+            <li>
+              <p>
+                Last commit <span>7 hours ago</span>
+              </p>
+            </li>
+            <li>
+              <p>
+                License <span>N/A</span>
+              </p>
+            </li>
+            <li>
+              <ClayLabel displayType="warning">JAVASCRIPT</ClayLabel>
+            </li>
+          </ul>
+        </CardBody>
+      </ClayCard>
+    </div>
+  );
+};
+
+export default Card;
diff --git a/src/components/Card/styles.ts b/src/components/Card/styles.ts
new file mode 100644
index 0000000..3c09960
--- /dev/null
+++ b/src/components/Card/styles.ts
@@ -0,0 +1,45 @@
+import styled from 'styled-components';
+
+export const CardHeader = styled.div`
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #e5e5e5;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-right: 5px;
+  h4 {
+    margin-left: 4px;
+    font-weight: 600;
+  }
+  section {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    button {
+      width: 32px;
+      height: 32px;
+      background: transparent;
+      border: 0px;
+      border-radius: 4px;
+      transition: all 200ms ease;
+      :hover {
+        background: rgba(39, 40, 51, 0.04);
+      }
+    }
+  }
+`;
+
+export const CardBody = styled.div`
+  padding: 12px 16px;
+  ul {
+    li {
+      p {
+        font-weight: 600;
+
+        span {
+          font-weight: 400;
+        }
+      }
+    }
+  }
+`;

From f0fb7be0964a7891cfbc29b7f25d017e77b0008f Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:20:44 -0300
Subject: [PATCH 13/63] removed style redudancy

---
 src/components/FilterDropDown/styles.ts    |  2 +-
 src/components/NavBar/styles.ts            |  2 +-
 src/components/NewRepositoryForm/styles.ts |  2 +-
 src/styles/globalStyles.ts                 | 19 +++++++++++++++++++
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/FilterDropDown/styles.ts b/src/components/FilterDropDown/styles.ts
index 603fc41..b305c96 100644
--- a/src/components/FilterDropDown/styles.ts
+++ b/src/components/FilterDropDown/styles.ts
@@ -7,7 +7,7 @@ export const Container = styled.section`
     border-radius: 4px;
     padding: 8px 12px;
     color: var(--secondary);
-    font-size: 14px;
+    
     font-weight: 500;
     margin-bottom: 2px;
     transition: 200ms all ease;
diff --git a/src/components/NavBar/styles.ts b/src/components/NavBar/styles.ts
index ea52612..037298d 100644
--- a/src/components/NavBar/styles.ts
+++ b/src/components/NavBar/styles.ts
@@ -21,7 +21,7 @@ export const Container = styled.div`
   #brand {
     color: var(--secondary);
     font-weight: 500;
-    font-size: 14px;
+    
   }
 
   #menu-button {
diff --git a/src/components/NewRepositoryForm/styles.ts b/src/components/NewRepositoryForm/styles.ts
index b637b34..b4b0d0a 100644
--- a/src/components/NewRepositoryForm/styles.ts
+++ b/src/components/NewRepositoryForm/styles.ts
@@ -51,7 +51,7 @@ export const Content = styled.form`
     flex-direction: column;
 
     label {
-      font-size: 14px;
+      
       color: var(--dark);
       font-weight: 400;
       span {
diff --git a/src/styles/globalStyles.ts b/src/styles/globalStyles.ts
index c49ee67..656d501 100644
--- a/src/styles/globalStyles.ts
+++ b/src/styles/globalStyles.ts
@@ -14,20 +14,39 @@ export default createGlobalStyle`
     sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    font-size: 14px;
   }
 
   ul {
     list-style: none;
     margin: 0;
   }
+  h4, p {
+    margin: 0;
+  }
   #root {
     position: relative;
+    overflow-y: hidden;
+    overflow-x: hidden;
   }
   code {
     font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
       monospace;
   }
 
+  ::-webkit-scrollbar {
+  width: 4px;
+}
+::-webkit-scrollbar-track {
+  background: #fff;
+}
+::-webkit-scrollbar-thumb {
+  background: #6B6C7E;
+}
+::-webkit-scrollbar-thumb:hover {
+  width: 3px;
+}
+
   --secondary: #6B6C7E;
   --primary: #0B5FFF;
   --dark: #272833;

From cbfa58522d276aefefbb872af05f13c716cfdd3b Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:20:56 -0300
Subject: [PATCH 14/63] Calling List Component

---
 src/components/RepositoryList/index.tsx | 28 +++++++++++++++++++++++++
 src/components/RepositoryList/styles.ts |  3 +++
 src/pages/Home/index.tsx                |  7 +++++--
 src/pages/Home/styles.ts                | 10 +++++++++
 4 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 src/components/RepositoryList/index.tsx
 create mode 100644 src/components/RepositoryList/styles.ts

diff --git a/src/components/RepositoryList/index.tsx b/src/components/RepositoryList/index.tsx
new file mode 100644
index 0000000..b2532b0
--- /dev/null
+++ b/src/components/RepositoryList/index.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { Container } from './styles';
+import Card from '../Card';
+const RepositoryList: React.FC = () => {
+  return (
+    <Container className="row">
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+      <Card />
+    </Container>
+  );
+};
+
+export default RepositoryList;
diff --git a/src/components/RepositoryList/styles.ts b/src/components/RepositoryList/styles.ts
new file mode 100644
index 0000000..c338983
--- /dev/null
+++ b/src/components/RepositoryList/styles.ts
@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+
+export const Container = styled.div``;
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
index e756472..914fafa 100644
--- a/src/pages/Home/index.tsx
+++ b/src/pages/Home/index.tsx
@@ -1,12 +1,15 @@
 import React from 'react';
 
-import { Container } from './styles';
+import { Container, Content } from './styles';
 import NavBar from '../../components/NavBar';
-
+import RepositoryList from '../../components/RepositoryList';
 const Home: React.FC = () => {
   return (
     <Container>
       <NavBar />
+      <Content>
+        <RepositoryList />
+      </Content>
     </Container>
   );
 };
diff --git a/src/pages/Home/styles.ts b/src/pages/Home/styles.ts
index 9d8bac7..3b75953 100644
--- a/src/pages/Home/styles.ts
+++ b/src/pages/Home/styles.ts
@@ -5,4 +5,14 @@ export const Container = styled.div`
   flex-direction: column;
   width: 100%;
   position: relative;
+  height: 100vh;
+`;
+
+export const Content = styled.div`
+  display: flex;
+  height: 100%;
+  margin-top: 1px;
+  height: 100%;
+  padding: 30px 64px;
+  overflow-y: auto;
 `;

From e2d15e33408b65cf32f9f16a15b048c38816c1dc Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:46:37 -0300
Subject: [PATCH 15/63] Warpping Section children

---
 src/components/Card/styles.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Card/styles.ts b/src/components/Card/styles.ts
index 3c09960..44c4194 100644
--- a/src/components/Card/styles.ts
+++ b/src/components/Card/styles.ts
@@ -15,6 +15,7 @@ export const CardHeader = styled.div`
     margin-left: auto;
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
     button {
       width: 32px;
       height: 32px;

From 9f1e707369d6d503b30045ddb118dcb9abdd74e9 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:47:01 -0300
Subject: [PATCH 16/63] Created CardRow component

---
 src/components/CardRow/index.tsx | 71 ++++++++++++++++++++++++++++++++
 src/components/CardRow/styles.ts | 54 ++++++++++++++++++++++++
 2 files changed, 125 insertions(+)
 create mode 100644 src/components/CardRow/index.tsx
 create mode 100644 src/components/CardRow/styles.ts

diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
new file mode 100644
index 0000000..17730ce
--- /dev/null
+++ b/src/components/CardRow/index.tsx
@@ -0,0 +1,71 @@
+import React from 'react';
+
+import { CardHeader, CardBody } from './styles';
+import ClayCard from '@clayui/card';
+import { MdStarBorder /*, MdStar */ } from 'react-icons/md';
+import { FiTrash2 } from 'react-icons/fi';
+import logo from '../../assets/logo.png';
+import ClayLabel from '@clayui/label';
+const Card: React.FC = () => {
+  return (
+    <div className="fluid">
+      <ClayCard className="max-width">
+        <CardHeader>
+          <section>
+            <img src={logo} width={40} height={40} />
+            <h4>liferay/liferay-portal</h4>
+          </section>
+          <section id="btn-section">
+            <button type="button" onClick={() => console.log('start clicked')}>
+              <MdStarBorder size={23} color="#6B6C7E" />
+            </button>
+            <button type="button" onClick={() => console.log('Trash clicked')}>
+              <FiTrash2 size={20} color="#6B6C7E" />
+            </button>
+          </section>
+        </CardHeader>
+        <CardBody>
+          <ul>
+            <li>
+              <p>
+                Stars <span>150</span>
+              </p>
+            </li>
+
+            <li>
+              <p>
+                Forks <span>442</span>
+              </p>
+            </li>
+
+            <li>
+              <p>
+                Open Issues <span>0</span>
+              </p>
+            </li>
+            <li>
+              <p>
+                Age <span>11 years ago</span>
+              </p>
+            </li>
+            <li>
+              <p>
+                Last commit <span>7 hours ago</span>
+              </p>
+            </li>
+            <li>
+              <p>
+                License <span>N/A</span>
+              </p>
+            </li>
+            <li>
+              <ClayLabel displayType="warning">JAVA</ClayLabel>
+            </li>
+          </ul>
+        </CardBody>
+      </ClayCard>
+    </div>
+  );
+};
+
+export default Card;
diff --git a/src/components/CardRow/styles.ts b/src/components/CardRow/styles.ts
new file mode 100644
index 0000000..99cf8f9
--- /dev/null
+++ b/src/components/CardRow/styles.ts
@@ -0,0 +1,54 @@
+import styled from 'styled-components';
+
+export const CardHeader = styled.div`
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #e5e5e5;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-right: 5px;
+  h4 {
+    margin-left: 4px;
+    font-weight: 600;
+  }
+  section {
+    display: flex;
+    align-items: center;
+  }
+  #btn-section {
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    button {
+      width: 32px;
+      height: 32px;
+      background: transparent;
+      border: 0px;
+      border-radius: 4px;
+      transition: all 200ms ease;
+      :hover {
+        background: rgba(39, 40, 51, 0.04);
+      }
+    }
+  }
+`;
+
+export const CardBody = styled.div`
+  padding: 12px 16px;
+  display: flex;
+  ul {
+    display: flex;
+    flex-wrap: wrap;
+    max-width: 778px;
+    li {
+      margin-left: 30px;
+      p {
+        font-weight: 500;
+        color: var(--secondary);
+        span {
+          font-weight: 400;
+        }
+      }
+    }
+  }
+`;

From e8cab30cff791a9cd6af39e83cd015d5ee759dbe Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:47:30 -0300
Subject: [PATCH 17/63] added width size

---
 src/components/RepositoryList/styles.ts | 4 +++-
 src/components/SearchBar/style.ts       | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/RepositoryList/styles.ts b/src/components/RepositoryList/styles.ts
index c338983..3f87d34 100644
--- a/src/components/RepositoryList/styles.ts
+++ b/src/components/RepositoryList/styles.ts
@@ -1,3 +1,5 @@
 import styled from 'styled-components';
 
-export const Container = styled.div``;
+export const Container = styled.div`
+  width: 100%;
+`;
diff --git a/src/components/SearchBar/style.ts b/src/components/SearchBar/style.ts
index 79573c7..6bab292 100644
--- a/src/components/SearchBar/style.ts
+++ b/src/components/SearchBar/style.ts
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export const Container = styled.div`
-  width: 419px;
+  max-width: 419px;
 `;
 
 export const Button = styled.button`

From 5c91035a874d5900ada79fe4fc22a25bbfe09c31 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sat, 10 Apr 2021 20:47:44 -0300
Subject: [PATCH 18/63] Fixed NavBar style

---
 src/components/SearchBar/index.tsx | 38 +++++++++++++++++-------------
 src/styles/globalStyles.ts         |  1 +
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/components/SearchBar/index.tsx b/src/components/SearchBar/index.tsx
index e05bb37..6ee4640 100644
--- a/src/components/SearchBar/index.tsx
+++ b/src/components/SearchBar/index.tsx
@@ -8,23 +8,27 @@ import { FiSearch } from 'react-icons/fi';
 const SearchBar: React.FC = () => {
   return (
     <Container>
-      <ClayManagementToolbar.Search>
-        <ClayInput.Group>
-          <ClayInput.GroupItem>
-            <ClayInput
-              aria-label="Search"
-              className="form-control input-group-inset input-group-inset-after"
-              type="text"
-              placeholder="Search"
-            />
-            <ClayInput.GroupInsetItem after tag="span">
-              <Button type="button" onClick={() => console.log('SEARCHED')}>
-                <FiSearch color="#6B6C7E" />
-              </Button>
-            </ClayInput.GroupInsetItem>
-          </ClayInput.GroupItem>
-        </ClayInput.Group>
-      </ClayManagementToolbar.Search>
+      <ClayManagementToolbar>
+        <ClayManagementToolbar.ItemList>
+          <ClayManagementToolbar.Search>
+            <ClayInput.Group>
+              <ClayInput.GroupItem>
+                <ClayInput
+                  aria-label="Search"
+                  className="form-control input-group-inset input-group-inset-after"
+                  type="text"
+                  placeholder="Search"
+                />
+                <ClayInput.GroupInsetItem after tag="span">
+                  <Button type="button" onClick={() => console.log('SEARCHED')}>
+                    <FiSearch color="#6B6C7E" />
+                  </Button>
+                </ClayInput.GroupInsetItem>
+              </ClayInput.GroupItem>
+            </ClayInput.Group>
+          </ClayManagementToolbar.Search>
+        </ClayManagementToolbar.ItemList>
+      </ClayManagementToolbar>
     </Container>
   );
 };
diff --git a/src/styles/globalStyles.ts b/src/styles/globalStyles.ts
index 656d501..550f48a 100644
--- a/src/styles/globalStyles.ts
+++ b/src/styles/globalStyles.ts
@@ -6,6 +6,7 @@ export default createGlobalStyle`
     padding: 0;
     box-sizing: border-box;
     outline: none;
+    
   }
   body {
     background-color: #F7F8F9;

From 3bc7517661a7ceef9ed2581c965535f8a43a5408 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 09:14:24 -0300
Subject: [PATCH 19/63] Prettier fixes

---
 src/components/FilterDropDown/styles.ts    | 2 +-
 src/components/NavBar/styles.ts            | 1 -
 src/components/NewRepositoryForm/styles.ts | 1 -
 3 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/FilterDropDown/styles.ts b/src/components/FilterDropDown/styles.ts
index b305c96..8a0d1bf 100644
--- a/src/components/FilterDropDown/styles.ts
+++ b/src/components/FilterDropDown/styles.ts
@@ -7,7 +7,7 @@ export const Container = styled.section`
     border-radius: 4px;
     padding: 8px 12px;
     color: var(--secondary);
-    
+
     font-weight: 500;
     margin-bottom: 2px;
     transition: 200ms all ease;
diff --git a/src/components/NavBar/styles.ts b/src/components/NavBar/styles.ts
index 037298d..26f88ca 100644
--- a/src/components/NavBar/styles.ts
+++ b/src/components/NavBar/styles.ts
@@ -21,7 +21,6 @@ export const Container = styled.div`
   #brand {
     color: var(--secondary);
     font-weight: 500;
-    
   }
 
   #menu-button {
diff --git a/src/components/NewRepositoryForm/styles.ts b/src/components/NewRepositoryForm/styles.ts
index b4b0d0a..992d8a1 100644
--- a/src/components/NewRepositoryForm/styles.ts
+++ b/src/components/NewRepositoryForm/styles.ts
@@ -51,7 +51,6 @@ export const Content = styled.form`
     flex-direction: column;
 
     label {
-      
       color: var(--dark);
       font-weight: 400;
       span {

From d6ecc0b02b94b9f0985c96a3fd086a8c97e54296 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 09:47:42 -0300
Subject: [PATCH 20/63] Created Delete Modal

---
 package.json                         |  2 ++
 src/components/DeleteModal/index.tsx | 54 ++++++++++++++++++++++++++++
 src/components/DeleteModal/styles.ts | 13 +++++++
 3 files changed, 69 insertions(+)
 create mode 100644 src/components/DeleteModal/index.tsx
 create mode 100644 src/components/DeleteModal/styles.ts

diff --git a/package.json b/package.json
index 0383978..8f557ed 100644
--- a/package.json
+++ b/package.json
@@ -3,12 +3,14 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@clayui/button": "^3.6.0",
     "@clayui/card": "^3.25.1",
     "@clayui/css": "^3.25.3",
     "@clayui/drop-down": "^3.25.1",
     "@clayui/form": "^3.14.4",
     "@clayui/label": "^3.4.1",
     "@clayui/management-toolbar": "^3.3.0",
+    "@clayui/modal": "^3.8.5",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
diff --git a/src/components/DeleteModal/index.tsx b/src/components/DeleteModal/index.tsx
new file mode 100644
index 0000000..ad35738
--- /dev/null
+++ b/src/components/DeleteModal/index.tsx
@@ -0,0 +1,54 @@
+import React, { useState } from 'react';
+
+import { Button } from './styles';
+import { FiTrash2, FiAlertTriangle } from 'react-icons/fi';
+import ClayModal, { useModal } from '@clayui/modal';
+import ClayButton from '@clayui/button';
+
+const DeleteModal: React.FC = () => {
+  const [visible, setVisible] = useState(false);
+  const { observer, onClose } = useModal({
+    onClose: () => setVisible(false),
+  });
+
+  return (
+    <>
+      {visible && (
+        <ClayModal observer={observer} size="sm" status="warning" center>
+          <ClayModal.Header className="warning">
+            <FiAlertTriangle size={25} /> Delete Repository
+          </ClayModal.Header>
+          <ClayModal.Body>
+            <p>
+              Are you sure you want to delete <strong>liferay/senna.js</strong>{' '}
+              repository?
+            </p>
+          </ClayModal.Body>
+          <ClayModal.Footer
+            last={
+              <ClayButton.Group spaced>
+                <ClayButton displayType="secondary" onClick={onClose}>
+                  Cancel
+                </ClayButton>
+                <ClayButton
+                  className="btn btn-warning"
+                  onClick={() => {
+                    console.log('DELETED BUTTON CLICKED');
+                    onClose();
+                  }}
+                >
+                  Delete
+                </ClayButton>
+              </ClayButton.Group>
+            }
+          />
+        </ClayModal>
+      )}
+      <Button type="button" onClick={() => setVisible(true)}>
+        <FiTrash2 size={20} color="#6B6C7E" />
+      </Button>
+    </>
+  );
+};
+
+export default DeleteModal;
diff --git a/src/components/DeleteModal/styles.ts b/src/components/DeleteModal/styles.ts
new file mode 100644
index 0000000..7f1020e
--- /dev/null
+++ b/src/components/DeleteModal/styles.ts
@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+
+export const Button = styled.button`
+  width: 32px;
+  height: 32px;
+  background: transparent;
+  border: 0px;
+  border-radius: 4px;
+  transition: all 200ms ease;
+  :hover {
+    background: rgba(39, 40, 51, 0.04);
+  }
+`;

From c50b57048b742152970e98de03b1e66661da7335 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 09:47:51 -0300
Subject: [PATCH 21/63] Calling Delete Modal

---
 src/components/Card/index.tsx    |  7 +++----
 src/components/CardRow/index.tsx |  6 ++----
 yarn.lock                        | 11 +++++++++++
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index c7c868e..975400b 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -3,9 +3,10 @@ import React from 'react';
 import { CardHeader, CardBody } from './styles';
 import ClayCard from '@clayui/card';
 import { MdStarBorder /*, MdStar */ } from 'react-icons/md';
-import { FiTrash2 } from 'react-icons/fi';
 import logo from '../../assets/logo.png';
 import ClayLabel from '@clayui/label';
+import DeleteModal from '../DeleteModal';
+
 const Card: React.FC = () => {
   return (
     <div className="col-md-3">
@@ -19,9 +20,7 @@ const Card: React.FC = () => {
             <button type="button" onClick={() => console.log('start clicked')}>
               <MdStarBorder size={23} color="#6B6C7E" />
             </button>
-            <button type="button" onClick={() => console.log('Trash clicked')}>
-              <FiTrash2 size={20} color="#6B6C7E" />
-            </button>
+            <DeleteModal />
           </section>
         </CardHeader>
         <CardBody>
diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index 17730ce..b5872ad 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -3,9 +3,9 @@ import React from 'react';
 import { CardHeader, CardBody } from './styles';
 import ClayCard from '@clayui/card';
 import { MdStarBorder /*, MdStar */ } from 'react-icons/md';
-import { FiTrash2 } from 'react-icons/fi';
 import logo from '../../assets/logo.png';
 import ClayLabel from '@clayui/label';
+import DeleteModal from '../DeleteModal';
 const Card: React.FC = () => {
   return (
     <div className="fluid">
@@ -19,9 +19,7 @@ const Card: React.FC = () => {
             <button type="button" onClick={() => console.log('start clicked')}>
               <MdStarBorder size={23} color="#6B6C7E" />
             </button>
-            <button type="button" onClick={() => console.log('Trash clicked')}>
-              <FiTrash2 size={20} color="#6B6C7E" />
-            </button>
+            <DeleteModal />
           </section>
         </CardHeader>
         <CardBody>
diff --git a/yarn.lock b/yarn.lock
index bdad340..89bac97 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1274,6 +1274,17 @@
     "@clayui/layout" "^3.3.0"
     classnames "^2.2.6"
 
+"@clayui/modal@^3.8.5":
+  version "3.8.5"
+  resolved "https://registry.yarnpkg.com/@clayui/modal/-/modal-3.8.5.tgz#6eacec122c9ecd8af0b100d34cb30c884d33e5cd"
+  integrity sha512-U8o4eub5ujCUeFrVcfAgkxXv4ZX14LyUT5yYj/lDr7ihOE1LRXREnGmEWnINgP18TkUYobeQSj5F3YFnPXXnEg==
+  dependencies:
+    "@clayui/button" "^3.6.0"
+    "@clayui/icon" "^3.1.0"
+    "@clayui/shared" "^3.5.1"
+    classnames "^2.2.6"
+    warning "^4.0.3"
+
 "@clayui/shared@^3.5.1":
   version "3.5.1"
   resolved "https://registry.yarnpkg.com/@clayui/shared/-/shared-3.5.1.tgz#6daee67b300f346381dd126472802f0a83472c4c"

From 50194f87abbe32bb614d72f62605b656f61f747e Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 10:37:54 -0300
Subject: [PATCH 22/63] Created Delete modal test

---
 .eslintrc.json                                |  3 +-
 package.json                                  | 19 +++++----
 src/__tests__/components/DeleteModal.spec.tsx | 10 +++++
 yarn.lock                                     | 41 ++++++++++++++++++-
 4 files changed, 61 insertions(+), 12 deletions(-)
 create mode 100644 src/__tests__/components/DeleteModal.spec.tsx

diff --git a/.eslintrc.json b/.eslintrc.json
index a911dc8..fe483a0 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,7 +1,8 @@
 {
     "env": {
         "browser": true,
-        "es2021": true
+        "es2021": true,
+        "jest": true
     },
     "extends": [
         "plugin:react/recommended",
diff --git a/package.json b/package.json
index 8f557ed..e4fc55c 100644
--- a/package.json
+++ b/package.json
@@ -11,14 +11,6 @@
     "@clayui/label": "^3.4.1",
     "@clayui/management-toolbar": "^3.3.0",
     "@clayui/modal": "^3.8.5",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "@types/jest": "^26.0.15",
-    "@types/node": "^12.0.0",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@types/styled-components": "^5.1.9",
     "axios": "^0.21.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -53,6 +45,14 @@
     ]
   },
   "devDependencies": {
+    "@types/jest": "^26.0.15",
+    "@types/node": "^12.0.0",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@types/styled-components": "^5.1.9",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.2.6",
+    "@testing-library/user-event": "^12.1.10",
     "@typescript-eslint/eslint-plugin": "^4.21.0",
     "@typescript-eslint/parser": "^4.21.0",
     "eslint": "^7.12.1",
@@ -64,6 +64,7 @@
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-react": "^7.23.2",
-    "prettier": "^2.2.1"
+    "prettier": "^2.2.1",
+    "ts-node": "^9.1.1"
   }
 }
diff --git a/src/__tests__/components/DeleteModal.spec.tsx b/src/__tests__/components/DeleteModal.spec.tsx
new file mode 100644
index 0000000..fb4bacb
--- /dev/null
+++ b/src/__tests__/components/DeleteModal.spec.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DeleteModal from '../../components/DeleteModal';
+
+describe('Delete Confirmation Modal', () => {
+  it('should test if DeleteModal renders', function () {
+    const { debug } = render(<DeleteModal />);
+    debug();
+  });
+});
diff --git a/yarn.lock b/yarn.lock
index 89bac97..3b34346 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1812,7 +1812,7 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
-"@testing-library/react@^11.1.0":
+"@testing-library/react@^11.2.6":
   version "11.2.6"
   resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-11.2.6.tgz#586a23adc63615985d85be0c903f374dab19200b"
   integrity sha512-TXMCg0jT8xmuU8BkKMtp8l7Z50Ykew5WNX8UoIKTaLFwKkP2+1YDhOLA2Ga3wY4x29jyntk7EWfum0kjlYiSjQ==
@@ -2593,6 +2593,11 @@ aproba@^1.1.1:
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
 
+arg@^4.1.0:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
+  integrity sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -3893,6 +3898,11 @@ create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+create-require@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
 cross-spawn@7.0.3, cross-spawn@^7.0.0, cross-spawn@^7.0.2:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
@@ -4367,6 +4377,11 @@ diff-sequences@^26.6.2:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.6.2.tgz#48ba99157de1923412eed41db6b6d4aa9ca7c0b1"
   integrity sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==
 
+diff@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
+  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -7480,6 +7495,11 @@ make-dir@^3.0.0, make-dir@^3.0.2:
   dependencies:
     semver "^6.0.0"
 
+make-error@^1.1.1:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
+  integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
+
 makeerror@1.0.x:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
@@ -10434,7 +10454,7 @@ source-map-resolve@^0.6.0:
     atob "^2.1.2"
     decode-uri-component "^0.2.0"
 
-source-map-support@^0.5.6, source-map-support@~0.5.12, source-map-support@~0.5.19:
+source-map-support@^0.5.17, source-map-support@^0.5.6, source-map-support@~0.5.12, source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
   integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
@@ -11086,6 +11106,18 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
+ts-node@^9.1.1:
+  version "9.1.1"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-9.1.1.tgz#51a9a450a3e959401bda5f004a72d54b936d376d"
+  integrity sha512-hPlt7ZACERQGf03M253ytLY3dHbGNGrAq9qIHWUY9XHYl1z7wYngSr3OQ5xmui8o2AaxsONxIzjafLUiWBo1Fg==
+  dependencies:
+    arg "^4.1.0"
+    create-require "^1.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    source-map-support "^0.5.17"
+    yn "3.1.1"
+
 ts-pnp@1.2.0, ts-pnp@^1.1.6:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
@@ -11989,6 +12021,11 @@ yargs@^15.4.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
+yn@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
+  integrity sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==
+
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"

From 9528323667d47f56a5795cc4e2a704c84e19ca1f Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 13:35:02 -0300
Subject: [PATCH 23/63] created test files

---
 package.json                                     |  2 +-
 src/__tests__/components/Card.spec.tsx           | 10 ++++++++++
 src/__tests__/components/FilterDropDown.spec.tsx | 10 ++++++++++
 src/components/DeleteModal/index.tsx             |  7 +++++--
 4 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/__tests__/components/Card.spec.tsx
 create mode 100644 src/__tests__/components/FilterDropDown.spec.tsx

diff --git a/package.json b/package.json
index e4fc55c..35c855c 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
+    "test": "react-scripts test --runInBand",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
diff --git a/src/__tests__/components/Card.spec.tsx b/src/__tests__/components/Card.spec.tsx
new file mode 100644
index 0000000..9035265
--- /dev/null
+++ b/src/__tests__/components/Card.spec.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Card from '../../components/Card';
+
+describe('Card Component', () => {
+  it('should test if Card renders', function () {
+    const { debug } = render(<Card />);
+    debug();
+  });
+});
diff --git a/src/__tests__/components/FilterDropDown.spec.tsx b/src/__tests__/components/FilterDropDown.spec.tsx
new file mode 100644
index 0000000..7f7a05f
--- /dev/null
+++ b/src/__tests__/components/FilterDropDown.spec.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import FilterDropDown from '../../components/FilterDropDown';
+
+describe('Filter Dropdown Component', () => {
+  it('should test if FilterDropDown renders', function () {
+    const { debug } = render(<FilterDropDown />);
+    debug();
+  });
+});
diff --git a/src/components/DeleteModal/index.tsx b/src/components/DeleteModal/index.tsx
index ad35738..0bb6f9b 100644
--- a/src/components/DeleteModal/index.tsx
+++ b/src/components/DeleteModal/index.tsx
@@ -33,7 +33,6 @@ const DeleteModal: React.FC = () => {
                 <ClayButton
                   className="btn btn-warning"
                   onClick={() => {
-                    console.log('DELETED BUTTON CLICKED');
                     onClose();
                   }}
                 >
@@ -44,7 +43,11 @@ const DeleteModal: React.FC = () => {
           />
         </ClayModal>
       )}
-      <Button type="button" onClick={() => setVisible(true)}>
+      <Button
+        type="button"
+        data-testid="trash-btn"
+        onClick={() => setVisible(true)}
+      >
         <FiTrash2 size={20} color="#6B6C7E" />
       </Button>
     </>

From 32baea7b66ce384bd6c8360b9a133da87eedbcad Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 13:49:44 -0300
Subject: [PATCH 24/63] passing props to Card components

---
 src/__tests__/components/Card.spec.tsx    | 19 +++++++--
 src/__tests__/components/CardRow.spec.tsx | 23 ++++++++++
 src/components/Card/index.tsx             | 51 ++++++++++++++++++-----
 src/components/CardRow/index.tsx          | 50 +++++++++++++++++-----
 4 files changed, 119 insertions(+), 24 deletions(-)
 create mode 100644 src/__tests__/components/CardRow.spec.tsx

diff --git a/src/__tests__/components/Card.spec.tsx b/src/__tests__/components/Card.spec.tsx
index 9035265..85aac70 100644
--- a/src/__tests__/components/Card.spec.tsx
+++ b/src/__tests__/components/Card.spec.tsx
@@ -3,8 +3,21 @@ import { render } from '@testing-library/react';
 import Card from '../../components/Card';
 
 describe('Card Component', () => {
-  it('should test if Card renders', function () {
-    const { debug } = render(<Card />);
-    debug();
+  it('should test if Card renders', async function () {
+    const { findByText } = render(
+      <Card
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />,
+    );
+
+    await findByText('liferay/liferay-portal');
   });
 });
diff --git a/src/__tests__/components/CardRow.spec.tsx b/src/__tests__/components/CardRow.spec.tsx
new file mode 100644
index 0000000..01fb814
--- /dev/null
+++ b/src/__tests__/components/CardRow.spec.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import CardRow from '../../components/CardRow';
+
+describe('CardRow Component', () => {
+  it('should test if CardRow renders', async function () {
+    const { findByText } = render(
+      <CardRow
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />,
+    );
+
+    await findByText('liferay/liferay-portal');
+  });
+});
diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index 975400b..4d46934 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -2,23 +2,48 @@ import React from 'react';
 
 import { CardHeader, CardBody } from './styles';
 import ClayCard from '@clayui/card';
-import { MdStarBorder /*, MdStar */ } from 'react-icons/md';
+import { MdStarBorder, MdStar } from 'react-icons/md';
 import logo from '../../assets/logo.png';
 import ClayLabel from '@clayui/label';
 import DeleteModal from '../DeleteModal';
 
-const Card: React.FC = () => {
+interface Props {
+  name: string;
+  stars: number;
+  forks: number;
+  openIssues: number;
+  age: string;
+  lastCommit: string;
+  license: string;
+  techs: Array<string>;
+  starred: boolean;
+}
+const Card: React.FC<Props> = ({
+  name,
+  stars,
+  forks,
+  openIssues,
+  age,
+  lastCommit,
+  license,
+  techs,
+  starred,
+}) => {
   return (
     <div className="col-md-3">
       <ClayCard>
         <CardHeader>
           <section>
             <img src={logo} width={40} height={40} />
-            <h4>liferay/liferay-portal</h4>
+            <h4>{name}</h4>
           </section>
           <section>
             <button type="button" onClick={() => console.log('start clicked')}>
-              <MdStarBorder size={23} color="#6B6C7E" />
+              {starred ? (
+                <MdStar size={23} color="#6B6C7E" />
+              ) : (
+                <MdStarBorder size={23} color="#6B6C7E" />
+              )}
             </button>
             <DeleteModal />
           </section>
@@ -27,38 +52,42 @@ const Card: React.FC = () => {
           <ul>
             <li>
               <p>
-                Stars <span>150</span>
+                Stars <span>{stars}</span>
               </p>
             </li>
 
             <li>
               <p>
-                Forks <span>442</span>
+                Forks <span>{forks}</span>
               </p>
             </li>
 
             <li>
               <p>
-                Open Issues <span>0</span>
+                Open Issues <span>{openIssues}</span>
               </p>
             </li>
             <li>
               <p>
-                Age <span>11 years ago</span>
+                Age <span>{age}</span>
               </p>
             </li>
             <li>
               <p>
-                Last commit <span>7 hours ago</span>
+                Last commit <span>{lastCommit}</span>
               </p>
             </li>
             <li>
               <p>
-                License <span>N/A</span>
+                License <span>{license}</span>
               </p>
             </li>
             <li>
-              <ClayLabel displayType="warning">JAVASCRIPT</ClayLabel>
+              {techs.map((t, index) => (
+                <ClayLabel displayType="warning" key={String(index)}>
+                  {t}
+                </ClayLabel>
+              ))}
             </li>
           </ul>
         </CardBody>
diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index b5872ad..df372b6 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -2,11 +2,33 @@ import React from 'react';
 
 import { CardHeader, CardBody } from './styles';
 import ClayCard from '@clayui/card';
-import { MdStarBorder /*, MdStar */ } from 'react-icons/md';
+import { MdStarBorder, MdStar } from 'react-icons/md';
 import logo from '../../assets/logo.png';
 import ClayLabel from '@clayui/label';
 import DeleteModal from '../DeleteModal';
-const Card: React.FC = () => {
+
+interface Props {
+  name: string;
+  stars: number;
+  forks: number;
+  openIssues: number;
+  age: string;
+  lastCommit: string;
+  license: string;
+  techs: Array<string>;
+  starred: boolean;
+}
+const Card: React.FC<Props> = ({
+  name,
+  stars,
+  forks,
+  openIssues,
+  age,
+  lastCommit,
+  license,
+  techs,
+  starred,
+}) => {
   return (
     <div className="fluid">
       <ClayCard className="max-width">
@@ -17,7 +39,11 @@ const Card: React.FC = () => {
           </section>
           <section id="btn-section">
             <button type="button" onClick={() => console.log('start clicked')}>
-              <MdStarBorder size={23} color="#6B6C7E" />
+              {starred ? (
+                <MdStar size={23} color="#6B6C7E" />
+              ) : (
+                <MdStarBorder size={23} color="#6B6C7E" />
+              )}
             </button>
             <DeleteModal />
           </section>
@@ -26,38 +52,42 @@ const Card: React.FC = () => {
           <ul>
             <li>
               <p>
-                Stars <span>150</span>
+                Stars <span>{stars}</span>
               </p>
             </li>
 
             <li>
               <p>
-                Forks <span>442</span>
+                Forks <span>{forks}</span>
               </p>
             </li>
 
             <li>
               <p>
-                Open Issues <span>0</span>
+                Open Issues <span>{openIssues}</span>
               </p>
             </li>
             <li>
               <p>
-                Age <span>11 years ago</span>
+                Age <span>{age}</span>
               </p>
             </li>
             <li>
               <p>
-                Last commit <span>7 hours ago</span>
+                Last commit <span>{lastCommit}</span>
               </p>
             </li>
             <li>
               <p>
-                License <span>N/A</span>
+                License <span>{license}</span>
               </p>
             </li>
             <li>
-              <ClayLabel displayType="warning">JAVA</ClayLabel>
+              {techs.map((t, index) => (
+                <ClayLabel displayType="warning" key={String(index)}>
+                  {t}
+                </ClayLabel>
+              ))}
             </li>
           </ul>
         </CardBody>

From 8eb84307f232b860666b046a06e16e271f14d0d1 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 16:35:24 -0300
Subject: [PATCH 25/63] Created Common Global style file

---
 src/components/NavBar/styles.ts                 | 17 -----------------
 src/components/StarFilter/index.tsx             |  2 +-
 .../styles.ts => commons/GlobalComponents.ts}   |  0
 3 files changed, 1 insertion(+), 18 deletions(-)
 rename src/components/{StarFilter/styles.ts => commons/GlobalComponents.ts} (100%)

diff --git a/src/components/NavBar/styles.ts b/src/components/NavBar/styles.ts
index 26f88ca..37cc043 100644
--- a/src/components/NavBar/styles.ts
+++ b/src/components/NavBar/styles.ts
@@ -36,20 +36,3 @@ export const Container = styled.div`
     }
   }
 `;
-
-export const Button = styled.button`
-  height: 32px;
-  width: 32px;
-  display: flex;
-  border: 1px solid #fff;
-  align-items: center;
-  justify-content: center;
-  background-color: transparent;
-  transition: 200ms all ease;
-  border-radius: 4px;
-  color: var(--secondary);
-  :hover {
-    background: #f1f2f5;
-    border: 1px solid #cdced9;
-  }
-`;
diff --git a/src/components/StarFilter/index.tsx b/src/components/StarFilter/index.tsx
index 91a4bde..c474644 100644
--- a/src/components/StarFilter/index.tsx
+++ b/src/components/StarFilter/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import { Button } from './styles';
+import { Button } from '../commons/GlobalComponents';
 import { MdStar, MdStarBorder } from 'react-icons/md';
 
 const StarFilter: React.FC = () => {
diff --git a/src/components/StarFilter/styles.ts b/src/components/commons/GlobalComponents.ts
similarity index 100%
rename from src/components/StarFilter/styles.ts
rename to src/components/commons/GlobalComponents.ts

From bf85e8bea895e841a331a7e02c653d23ac59816d Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 16:46:09 -0300
Subject: [PATCH 26/63] [Hotifx] Fixed DropDown shadow

---
 src/components/NewRepositoryForm/styles.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/NewRepositoryForm/styles.ts b/src/components/NewRepositoryForm/styles.ts
index 992d8a1..6947e53 100644
--- a/src/components/NewRepositoryForm/styles.ts
+++ b/src/components/NewRepositoryForm/styles.ts
@@ -38,9 +38,7 @@ export const Content = styled.form`
   top: 40px;
   right: 0px;
   z-index: 9999;
-  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
-  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 5px -1px rgb(0 0 0 / 30%);
   animation-name: FadeIn;
   animation-duration: 300ms;
 

From 301c22c8d7e54313508e662deda1d0154a83486b Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 16:46:27 -0300
Subject: [PATCH 27/63] Created List Type toggle

---
 src/components/ListType/index.tsx       | 24 +++++++++
 src/components/NavBar/index.tsx         |  9 ++--
 src/components/RepositoryList/index.tsx | 71 +++++++++++++++++++------
 3 files changed, 83 insertions(+), 21 deletions(-)
 create mode 100644 src/components/ListType/index.tsx

diff --git a/src/components/ListType/index.tsx b/src/components/ListType/index.tsx
new file mode 100644
index 0000000..b77155a
--- /dev/null
+++ b/src/components/ListType/index.tsx
@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+
+import { Button } from '../commons/GlobalComponents';
+// import { Container } from './styles';
+import { BsFillGridFill } from 'react-icons/bs';
+import { FaThList } from 'react-icons/fa';
+const ListType: React.FC = () => {
+  const [listType, setListType] = useState<'grid' | 'row'>('grid');
+  return (
+    <>
+      {listType === 'grid' ? (
+        <Button type="button" onClick={() => setListType('row')}>
+          <BsFillGridFill size={20} />
+        </Button>
+      ) : (
+        <Button type="button" onClick={() => setListType('grid')}>
+          <FaThList size={20} />
+        </Button>
+      )}
+    </>
+  );
+};
+
+export default ListType;
diff --git a/src/components/NavBar/index.tsx b/src/components/NavBar/index.tsx
index ac46055..0329571 100644
--- a/src/components/NavBar/index.tsx
+++ b/src/components/NavBar/index.tsx
@@ -1,14 +1,15 @@
 import React from 'react';
 
-import { Container, Button } from './styles';
+import { Container } from './styles';
+import { Button } from '../commons/GlobalComponents';
 
 import { FaGithub, FaAdjust } from 'react-icons/fa';
-import { BsFillGridFill } from 'react-icons/bs';
 
 import SearchBar from '../SearchBar';
 import FilterDropDown from '../FilterDropDown';
 import StarFilter from '../StarFilter';
 import NewRepositoryForm from '../NewRepositoryForm';
+import ListType from '../ListType';
 
 const NavBar: React.FC = () => {
   return (
@@ -31,9 +32,7 @@ const NavBar: React.FC = () => {
           </Button>
         </li>
         <li>
-          <Button type="button">
-            <BsFillGridFill size={20} />
-          </Button>
+          <ListType />
         </li>
         <li>
           <NewRepositoryForm />
diff --git a/src/components/RepositoryList/index.tsx b/src/components/RepositoryList/index.tsx
index b2532b0..3fdc0b9 100644
--- a/src/components/RepositoryList/index.tsx
+++ b/src/components/RepositoryList/index.tsx
@@ -5,22 +5,61 @@ import Card from '../Card';
 const RepositoryList: React.FC = () => {
   return (
     <Container className="row">
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
-      <Card />
+      <Card
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />
+      <Card
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />
+      <Card
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />
+      <Card
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />
+      <Card
+        age="1 year ago"
+        forks={24}
+        lastCommit="7 hours ago"
+        license="N/A"
+        name="liferay/liferay-portal"
+        openIssues={0}
+        starred
+        stars={10}
+        techs={['JAVA', 'JAVASCRIPT']}
+      />
     </Container>
   );
 };

From 1f72a1410f8b9557e3d1749b44c50770ae40e00b Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Sun, 11 Apr 2021 16:55:48 -0300
Subject: [PATCH 28/63] finished List type Toggle Button

---
 .../components/ListTypeToggleButton.spec.tsx         | 11 +++++++++++
 .../{ListType => ListTypeToggleButton}/index.tsx     | 12 ++++++++++--
 src/components/NavBar/index.tsx                      |  4 ++--
 3 files changed, 23 insertions(+), 4 deletions(-)
 create mode 100644 src/__tests__/components/ListTypeToggleButton.spec.tsx
 rename src/components/{ListType => ListTypeToggleButton}/index.tsx (68%)

diff --git a/src/__tests__/components/ListTypeToggleButton.spec.tsx b/src/__tests__/components/ListTypeToggleButton.spec.tsx
new file mode 100644
index 0000000..6713d3d
--- /dev/null
+++ b/src/__tests__/components/ListTypeToggleButton.spec.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import ListTypeToggleButton from '../../components/ListTypeToggleButton';
+
+describe('List Type Toggle Button', () => {
+  it('should test if Button fires event', function () {
+    const { getByTestId } = render(<ListTypeToggleButton />);
+    fireEvent.click(getByTestId('btn-grid'));
+    expect(getByTestId('btn-row')).not.toBeNull();
+  });
+});
diff --git a/src/components/ListType/index.tsx b/src/components/ListTypeToggleButton/index.tsx
similarity index 68%
rename from src/components/ListType/index.tsx
rename to src/components/ListTypeToggleButton/index.tsx
index b77155a..5c49799 100644
--- a/src/components/ListType/index.tsx
+++ b/src/components/ListTypeToggleButton/index.tsx
@@ -9,11 +9,19 @@ const ListType: React.FC = () => {
   return (
     <>
       {listType === 'grid' ? (
-        <Button type="button" onClick={() => setListType('row')}>
+        <Button
+          type="button"
+          onClick={() => setListType('row')}
+          data-testid="btn-grid"
+        >
           <BsFillGridFill size={20} />
         </Button>
       ) : (
-        <Button type="button" onClick={() => setListType('grid')}>
+        <Button
+          type="button"
+          onClick={() => setListType('grid')}
+          data-testid="btn-row"
+        >
           <FaThList size={20} />
         </Button>
       )}
diff --git a/src/components/NavBar/index.tsx b/src/components/NavBar/index.tsx
index 0329571..b5c7055 100644
--- a/src/components/NavBar/index.tsx
+++ b/src/components/NavBar/index.tsx
@@ -9,7 +9,7 @@ import SearchBar from '../SearchBar';
 import FilterDropDown from '../FilterDropDown';
 import StarFilter from '../StarFilter';
 import NewRepositoryForm from '../NewRepositoryForm';
-import ListType from '../ListType';
+import ListTypeToggleButton from '../ListTypeToggleButton';
 
 const NavBar: React.FC = () => {
   return (
@@ -32,7 +32,7 @@ const NavBar: React.FC = () => {
           </Button>
         </li>
         <li>
-          <ListType />
+          <ListTypeToggleButton />
         </li>
         <li>
           <NewRepositoryForm />

From f5fde4ef76030b70fafb9067fee7b61b0854a87d Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 19:09:37 -0300
Subject: [PATCH 29/63] Created Request functions

---
 .eslintrc.json             |  3 ++-
 src/@types/repository.d.ts | 16 ++++++++++++++++
 src/api/index.ts           |  5 +++++
 src/api/repository.ts      | 13 +++++++++++++
 tsconfig.json              |  3 ++-
 5 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 src/@types/repository.d.ts
 create mode 100644 src/api/index.ts
 create mode 100644 src/api/repository.ts

diff --git a/.eslintrc.json b/.eslintrc.json
index fe483a0..e4dbb58 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -27,7 +27,8 @@
         "prettier/prettier":"error",
         "no-use-before-define": "off",
         "@typescript-eslint/no-use-before-define": ["error"],
-        "react/prop-types": "off"
+        "react/prop-types": "off",
+        "camelcase": "off"
     },
     "settings": {
         "import/resolver": "eslint-import-resolver-typescript"
diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
new file mode 100644
index 0000000..3c5438b
--- /dev/null
+++ b/src/@types/repository.d.ts
@@ -0,0 +1,16 @@
+interface ILicense {
+  name: string;
+}
+interface IRepository {
+  full_name: string;
+  stargazers_count: number;
+  forks: number;
+  open_issues: number;
+  created_at: string;
+  pushed_at: string;
+  license: ILicense | null;
+}
+
+interface IRepositoryList {
+  iterms: IRepository[];
+}
diff --git a/src/api/index.ts b/src/api/index.ts
new file mode 100644
index 0000000..667911a
--- /dev/null
+++ b/src/api/index.ts
@@ -0,0 +1,5 @@
+import axios from 'axios';
+
+export default axios.create({
+  baseURL: 'https://api.github.com/',
+});
diff --git a/src/api/repository.ts b/src/api/repository.ts
new file mode 100644
index 0000000..773477d
--- /dev/null
+++ b/src/api/repository.ts
@@ -0,0 +1,13 @@
+import Api from '.';
+
+export const getRepository = async (term: string): Promise<IRepository> => {
+  const response = await Api.get(`repos/${term}`);
+  return response.data;
+};
+
+export const getAllUserRepositories = async (
+  user: string,
+): Promise<IRepositoryList> => {
+  const response = await Api.get(`search/repositories?q=${user}`);
+  return response.data;
+};
diff --git a/tsconfig.json b/tsconfig.json
index a273b0c..f8c1abc 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,7 +18,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "typeRoots": ["./src/@types"]
   },
   "include": [
     "src"

From 0b11c068d27a3291538f8176642ff1a86589986e Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 19:45:30 -0300
Subject: [PATCH 30/63] API getRepository tests

---
 package.json                  | 11 ++++++-----
 src/__tests__/api/api.spec.ts | 16 ++++++++++++++++
 tsconfig.json                 |  3 +--
 yarn.lock                     | 15 ++++++++++-----
 4 files changed, 33 insertions(+), 12 deletions(-)
 create mode 100644 src/__tests__/api/api.spec.ts

diff --git a/package.json b/package.json
index 35c855c..b44fabc 100644
--- a/package.json
+++ b/package.json
@@ -45,14 +45,15 @@
     ]
   },
   "devDependencies": {
-    "@types/jest": "^26.0.15",
-    "@types/node": "^12.0.0",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@types/styled-components": "^5.1.9",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.2.6",
     "@testing-library/user-event": "^12.1.10",
+    "@types/jest": "^26.0.22",
+    "@types/mocha": "^8.2.2",
+    "@types/node": "^14.14.37",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@types/styled-components": "^5.1.9",
     "@typescript-eslint/eslint-plugin": "^4.21.0",
     "@typescript-eslint/parser": "^4.21.0",
     "eslint": "^7.12.1",
diff --git a/src/__tests__/api/api.spec.ts b/src/__tests__/api/api.spec.ts
new file mode 100644
index 0000000..8d6f525
--- /dev/null
+++ b/src/__tests__/api/api.spec.ts
@@ -0,0 +1,16 @@
+import * as Api from '../../api/repository';
+
+describe('API Repository Requests', () => {
+  it('should return a single repository object', async () => {
+    const response = await Api.getRepository('filipemelo2002/gama-bank');
+    expect(response).toHaveProperty('id');
+  });
+
+  it('should return an error message', async () => {
+    try {
+      await Api.getRepository('filipemelo2002/invalid-repo');
+    } catch (err) {
+      expect(err.response.status).toBe(404);
+    }
+  });
+});
diff --git a/tsconfig.json b/tsconfig.json
index f8c1abc..a273b0c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -18,8 +18,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx",
-    "typeRoots": ["./src/@types"]
+    "jsx": "react-jsx"
   },
   "include": [
     "src"
diff --git a/yarn.lock b/yarn.lock
index 3b34346..e4d913d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1935,7 +1935,7 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@*", "@types/jest@^26.0.15":
+"@types/jest@*", "@types/jest@^26.0.22":
   version "26.0.22"
   resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.22.tgz#8308a1debdf1b807aa47be2838acdcd91e88fbe6"
   integrity sha512-eeWwWjlqxvBxc4oQdkueW5OF/gtfSceKk4OnOAGlUSwS/liBRtZppbJuz1YkgbrbfGOoeBHun9fOvXnjNwrSOw==
@@ -1958,15 +1958,20 @@
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
   integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
 
+"@types/mocha@^8.2.2":
+  version "8.2.2"
+  resolved "https://registry.yarnpkg.com/@types/mocha/-/mocha-8.2.2.tgz#91daa226eb8c2ff261e6a8cbf8c7304641e095e0"
+  integrity sha512-Lwh0lzzqT5Pqh6z61P3c3P5nm6fzQK/MMHl9UKeneAeInVflBSz1O2EkX6gM6xfJd7FBXBY5purtLx7fUiZ7Hw==
+
 "@types/node@*":
   version "14.14.31"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.31.tgz#72286bd33d137aa0d152d47ec7c1762563d34055"
   integrity sha512-vFHy/ezP5qI0rFgJ7aQnjDXwAMrG0KqqIH7tQG5PPv3BWBayOPIQNBjVc/P6hhdZfMx51REc6tfDNXHUio893g==
 
-"@types/node@^12.0.0":
-  version "12.20.7"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.7.tgz#1cb61fd0c85cb87e728c43107b5fd82b69bc9ef8"
-  integrity sha512-gWL8VUkg8VRaCAUgG9WmhefMqHmMblxe2rVpMF86nZY/+ZysU+BkAp+3cz03AixWDSSz0ks5WX59yAhv/cDwFA==
+"@types/node@^14.14.37":
+  version "14.14.37"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.37.tgz#a3dd8da4eb84a996c36e331df98d82abd76b516e"
+  integrity sha512-XYmBiy+ohOR4Lh5jE379fV2IU+6Jn4g5qASinhitfyO71b/sCo6MKsMLF5tc7Zf2CE8hViVQyYSobJNke8OvUw==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"

From 997687216cdb3406e90f1a92b91c5cf1c93b8bfd Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 20:17:31 -0300
Subject: [PATCH 31/63] Fixed Repositories List type

---
 src/@types/repository.d.ts    |  2 +-
 src/__tests__/api/api.spec.ts | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index 3c5438b..330c3ad 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -12,5 +12,5 @@ interface IRepository {
 }
 
 interface IRepositoryList {
-  iterms: IRepository[];
+  items: IRepository[];
 }
diff --git a/src/__tests__/api/api.spec.ts b/src/__tests__/api/api.spec.ts
index 8d6f525..d05eab5 100644
--- a/src/__tests__/api/api.spec.ts
+++ b/src/__tests__/api/api.spec.ts
@@ -2,7 +2,7 @@ import * as Api from '../../api/repository';
 
 describe('API Repository Requests', () => {
   it('should return a single repository object', async () => {
-    const response = await Api.getRepository('filipemelo2002/gama-bank');
+    const response = await Api.getRepository('filipemelo2002/filipemelo2002');
     expect(response).toHaveProperty('id');
   });
 
@@ -13,4 +13,14 @@ describe('API Repository Requests', () => {
       expect(err.response.status).toBe(404);
     }
   });
+
+  it("should return all user's repositories", async () => {
+    const response = await Api.getAllUserRepositories('filipemelo2002');
+    expect(response.items.length).toBeGreaterThan(0);
+  });
+
+  it("should fail fetching for user's repositories", async () => {
+    const response = await Api.getAllUserRepositories('filipemelo2002INVALID');
+    expect(response.items.length).toBe(0);
+  });
 });

From 4427b8d99341918c744d829dbf52c1df505ac792 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 21:48:35 -0300
Subject: [PATCH 32/63] Fixed Repository types

---
 src/@types/redux.d.ts      | 14 ++++++++++++++
 src/@types/repository.d.ts |  1 +
 src/api/repository.ts      |  8 +++++---
 3 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/@types/redux.d.ts

diff --git a/src/@types/redux.d.ts b/src/@types/redux.d.ts
new file mode 100644
index 0000000..aab102e
--- /dev/null
+++ b/src/@types/redux.d.ts
@@ -0,0 +1,14 @@
+interface IRepositoryState {
+  data: IRepository[];
+  loading: boolean;
+  error: boolean;
+  filter: {
+    name: string;
+    data: IRepository[];
+    starred: boolean;
+  };
+}
+
+interface State {
+  repository: IRepositoryState;
+}
diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index 330c3ad..f83d40f 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -9,6 +9,7 @@ interface IRepository {
   created_at: string;
   pushed_at: string;
   license: ILicense | null;
+  starred?: boolean;
 }
 
 interface IRepositoryList {
diff --git a/src/api/repository.ts b/src/api/repository.ts
index 773477d..6bf6215 100644
--- a/src/api/repository.ts
+++ b/src/api/repository.ts
@@ -7,7 +7,9 @@ export const getRepository = async (term: string): Promise<IRepository> => {
 
 export const getAllUserRepositories = async (
   user: string,
-): Promise<IRepositoryList> => {
-  const response = await Api.get(`search/repositories?q=${user}`);
-  return response.data;
+): Promise<IRepository[]> => {
+  const response = await Api.get<IRepositoryList>(
+    `search/repositories?q=${user}`,
+  );
+  return response.data.items;
 };

From d7ed62a487da7e81a84df5d232f2ff2ae79ae10d Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 21:48:56 -0300
Subject: [PATCH 33/63] Repository Redux

---
 package.json                    |  3 ++
 src/redux/action/repository.ts  | 43 +++++++++++++++++++++
 src/redux/reducer/repository.ts | 68 +++++++++++++++++++++++++++++++++
 yarn.lock                       | 48 +++++++++++++++++++++--
 4 files changed, 158 insertions(+), 4 deletions(-)
 create mode 100644 src/redux/action/repository.ts
 create mode 100644 src/redux/reducer/repository.ts

diff --git a/package.json b/package.json
index b44fabc..bb10181 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,10 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-icons": "^4.2.0",
+    "react-redux": "^7.2.3",
     "react-scripts": "4.0.3",
+    "redux": "^4.0.5",
+    "redux-thunk": "^2.3.0",
     "styled-components": "^5.2.3",
     "typescript": "^4.1.2",
     "web-vitals": "^1.0.1"
diff --git a/src/redux/action/repository.ts b/src/redux/action/repository.ts
new file mode 100644
index 0000000..4a2012a
--- /dev/null
+++ b/src/redux/action/repository.ts
@@ -0,0 +1,43 @@
+import Redux from 'redux';
+import * as Api from '../../api/repository';
+const TEMPLATE_NAME = 'REPOSITORY';
+
+export const getRepository = (term: string) => {
+  return async (dispatch: Redux.Dispatch): Promise<void> => {
+    try {
+      dispatch({
+        type: `${TEMPLATE_NAME}_PENDING`,
+      });
+      const response = await Api.getRepository(term);
+      dispatch({
+        type: `${TEMPLATE_NAME}_SUCCESS`,
+        payload: response,
+      });
+    } catch (err) {
+      dispatch({
+        type: `${TEMPLATE_NAME}_REJECTED`,
+        payload: err,
+      });
+    }
+  };
+};
+
+export const getAllUserRepositories = (term: string) => {
+  return async (dispatch: Redux.Dispatch): Promise<void> => {
+    try {
+      dispatch({
+        type: `${TEMPLATE_NAME}_PENDING`,
+      });
+      const response = await Api.getAllUserRepositories(term);
+      dispatch({
+        type: `${TEMPLATE_NAME}_FULFILLED`,
+        payload: response,
+      });
+    } catch (err) {
+      dispatch({
+        type: `${TEMPLATE_NAME}_REJECTED`,
+        payload: err,
+      });
+    }
+  };
+};
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
new file mode 100644
index 0000000..061e884
--- /dev/null
+++ b/src/redux/reducer/repository.ts
@@ -0,0 +1,68 @@
+const TEMPLATE_NAME = 'REPOSITORY';
+
+const initialState = (): IRepositoryState => ({
+  data: [],
+  loading: false,
+  error: false,
+  filter: {
+    name: '',
+    data: [],
+    starred: false,
+  },
+});
+
+interface ActionGetRepositorySuccess {
+  type: string;
+  payload: IRepository;
+}
+
+interface ActionListRepositoriesSuccess {
+  type: string;
+  payload: IRepository[];
+}
+
+type Action = ActionGetRepositorySuccess | ActionListRepositoriesSuccess;
+const reducer = (state = initialState(), action: Action): IRepositoryState => {
+  switch (action.type) {
+    case `${TEMPLATE_NAME}_PENDING`: {
+      return {
+        ...state,
+        loading: true,
+        error: false,
+      };
+    }
+    case `${TEMPLATE_NAME}_REJECTED`: {
+      return {
+        ...state,
+        loading: false,
+        error: true,
+      };
+    }
+    case `${TEMPLATE_NAME}_FULFILLED`: {
+      return {
+        ...state,
+        data: action.payload as IRepository[],
+        loading: false,
+        error: false,
+      };
+    }
+    case `${TEMPLATE_NAME}_SUCCESS`: {
+      const repository = action.payload as IRepository;
+      const newData = state.data;
+      newData.unshift(repository);
+      return {
+        ...state,
+        data: newData,
+        loading: false,
+        error: false,
+      };
+    }
+    case 'RESET': {
+      return initialState();
+    }
+    default:
+      return state;
+  }
+};
+
+export default reducer;
diff --git a/yarn.lock b/yarn.lock
index e4d913d..69a0dc7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1112,7 +1112,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.13.10"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.13.10.tgz#47d42a57b6095f4468da440388fdbad8bebf0d7d"
   integrity sha512-4QPkjJq6Ns3V/RgpEahRk+AGfL0eO6RHHtTWoNNr5mO49G6B5+X6d6THgWEAvTrznU5xYpbAlVKRYcsCgh/Akw==
@@ -1903,7 +1903,7 @@
   dependencies:
     "@types/node" "*"
 
-"@types/hoist-non-react-statics@*":
+"@types/hoist-non-react-statics@*", "@types/hoist-non-react-statics@^3.3.0":
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
   integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
@@ -2005,6 +2005,16 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-redux@^7.1.16":
+  version "7.1.16"
+  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.16.tgz#0fbd04c2500c12105494c83d4a3e45c084e3cb21"
+  integrity sha512-f/FKzIrZwZk7YEO9E1yoxIuDNRiDducxkFlkw/GNMGEnK9n4K8wJzlJBghpSuOVDgEUHoDkDF7Gi9lHNQR4siw==
+  dependencies:
+    "@types/hoist-non-react-statics" "^3.3.0"
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+    redux "^4.0.0"
+
 "@types/react@*", "@types/react@^17.0.0":
   version "17.0.3"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.3.tgz#ba6e215368501ac3826951eef2904574c262cc79"
@@ -5922,7 +5932,7 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -9517,7 +9527,7 @@ react-icons@^4.2.0:
   resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.2.0.tgz#6dda80c8a8f338ff96a1851424d63083282630d0"
   integrity sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==
 
-react-is@^16.7.0, react-is@^16.8.1:
+react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -9527,6 +9537,18 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339"
   integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
 
+react-redux@^7.2.3:
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.3.tgz#4c084618600bb199012687da9e42123cca3f0be9"
+  integrity sha512-ZhAmQ1lrK+Pyi0ZXNMUZuYxYAZd59wFuVDGUt536kSGdD0ya9Q7BfsE95E3TsFLE3kOSFp5m6G5qbatE+Ic1+w==
+  dependencies:
+    "@babel/runtime" "^7.12.1"
+    "@types/react-redux" "^7.1.16"
+    hoist-non-react-statics "^3.3.2"
+    loose-envify "^1.4.0"
+    prop-types "^15.7.2"
+    react-is "^16.13.1"
+
 react-refresh@^0.8.3:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
@@ -9705,6 +9727,19 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+redux-thunk@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"
+  integrity sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw==
+
+redux@^4.0.0, redux@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-4.0.5.tgz#4db5de5816e17891de8a80c424232d06f051d93f"
+  integrity sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==
+  dependencies:
+    loose-envify "^1.4.0"
+    symbol-observable "^1.2.0"
+
 regenerate-unicode-properties@^8.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
@@ -10884,6 +10919,11 @@ svgo@^1.0.0, svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
+symbol-observable@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
+  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
+
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"

From 7ecd76a87cab2dae19fea698d0e01617b817b658 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 21:53:24 -0300
Subject: [PATCH 34/63] Created Redux store

---
 package.json               |  2 ++
 src/redux/reducer/index.ts |  6 ++++++
 src/redux/store.ts         | 13 +++++++++++++
 yarn.lock                  | 19 +++++++++++++++++++
 4 files changed, 40 insertions(+)
 create mode 100644 src/redux/reducer/index.ts
 create mode 100644 src/redux/store.ts

diff --git a/package.json b/package.json
index bb10181..ffea748 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
     "@types/node": "^14.14.37",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/redux-logger": "^3.0.8",
     "@types/styled-components": "^5.1.9",
     "@typescript-eslint/eslint-plugin": "^4.21.0",
     "@typescript-eslint/parser": "^4.21.0",
@@ -69,6 +70,7 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-react": "^7.23.2",
     "prettier": "^2.2.1",
+    "redux-logger": "^3.0.6",
     "ts-node": "^9.1.1"
   }
 }
diff --git a/src/redux/reducer/index.ts b/src/redux/reducer/index.ts
new file mode 100644
index 0000000..6b83024
--- /dev/null
+++ b/src/redux/reducer/index.ts
@@ -0,0 +1,6 @@
+import { combineReducers } from 'redux';
+import repository from './repository';
+
+export default combineReducers({
+  repository,
+});
diff --git a/src/redux/store.ts b/src/redux/store.ts
new file mode 100644
index 0000000..18e8757
--- /dev/null
+++ b/src/redux/store.ts
@@ -0,0 +1,13 @@
+import { createStore, applyMiddleware } from 'redux';
+import { createLogger } from 'redux-logger';
+
+import thunk from 'redux-thunk';
+import rootReducer from './reducer';
+
+const middlewares = [];
+middlewares.push(thunk);
+middlewares.push(createLogger({ collapsed: true, duration: true, diff: true }));
+
+const store = createStore(rootReducer, applyMiddleware(...middlewares));
+
+export default store;
diff --git a/yarn.lock b/yarn.lock
index 69a0dc7..74c4551 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2024,6 +2024,13 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
+"@types/redux-logger@^3.0.8":
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/@types/redux-logger/-/redux-logger-3.0.8.tgz#1fb6d26917bb198792bb1cf57feb31cae1532c5d"
+  integrity sha512-zM+cxiSw6nZtRbxpVp9SE3x/X77Z7e7YAfHD1NkxJyJbAGSXJGF0E9aqajZfPOa/sTYnuwutmlCldveExuCeLw==
+  dependencies:
+    redux "^4.0.0"
+
 "@types/resolve@0.0.8":
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
@@ -4274,6 +4281,11 @@ dedent@^0.7.0:
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
+deep-diff@^0.3.5:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/deep-diff/-/deep-diff-0.3.8.tgz#c01de63efb0eec9798801d40c7e0dae25b582c84"
+  integrity sha1-wB3mPvsO7JeYgB1Ax+Da4ltYLIQ=
+
 deep-equal@^1.0.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
@@ -9727,6 +9739,13 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
+redux-logger@^3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/redux-logger/-/redux-logger-3.0.6.tgz#f7555966f3098f3c88604c449cf0baf5778274bf"
+  integrity sha1-91VZZvMJjzyIYExEnPC69XeCdL8=
+  dependencies:
+    deep-diff "^0.3.5"
+
 redux-thunk@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"

From 25b5670334acea1d18f329bbfc16d5d8205ff3df Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 22:54:54 -0300
Subject: [PATCH 35/63] New dependencies

---
 package.json |  2 ++
 yarn.lock    | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/package.json b/package.json
index ffea748..9a140b2 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/redux-logger": "^3.0.8",
+    "@types/redux-mock-store": "^1.0.2",
     "@types/styled-components": "^5.1.9",
     "@typescript-eslint/eslint-plugin": "^4.21.0",
     "@typescript-eslint/parser": "^4.21.0",
@@ -71,6 +72,7 @@
     "eslint-plugin-react": "^7.23.2",
     "prettier": "^2.2.1",
     "redux-logger": "^3.0.6",
+    "redux-mock-store": "^1.5.4",
     "ts-node": "^9.1.1"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 74c4551..c6b4ac0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2031,6 +2031,13 @@
   dependencies:
     redux "^4.0.0"
 
+"@types/redux-mock-store@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@types/redux-mock-store/-/redux-mock-store-1.0.2.tgz#c27d5deadfb29d8514bdb0fc2cadae6feea1922d"
+  integrity sha512-6LBtAQBN34i7SI5X+Qs4zpTEZO1tTDZ6sZ9fzFjYwTl3nLQXaBtwYdoV44CzNnyKu438xJ1lSIYyw0YMvunESw==
+  dependencies:
+    redux "^4.0.5"
+
 "@types/resolve@0.0.8":
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
@@ -7427,6 +7434,11 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
+lodash.isplainobject@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
+  integrity sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=
+
 lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
@@ -9746,6 +9758,13 @@ redux-logger@^3.0.6:
   dependencies:
     deep-diff "^0.3.5"
 
+redux-mock-store@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/redux-mock-store/-/redux-mock-store-1.5.4.tgz#90d02495fd918ddbaa96b83aef626287c9ab5872"
+  integrity sha512-xmcA0O/tjCLXhh9Fuiq6pMrJCwFRaouA8436zcikdIpYWWCjU76CRk+i2bHx8EeiSiMGnB85/lZdU3wIJVXHTA==
+  dependencies:
+    lodash.isplainobject "^4.0.6"
+
 redux-thunk@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"

From 266a58426a2de563c59562894632a29587ff3220 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 22:55:01 -0300
Subject: [PATCH 36/63] Testing repository actions

---
 src/__tests__/action/repository.spec.ts | 65 +++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 src/__tests__/action/repository.spec.ts

diff --git a/src/__tests__/action/repository.spec.ts b/src/__tests__/action/repository.spec.ts
new file mode 100644
index 0000000..fdf9ab0
--- /dev/null
+++ b/src/__tests__/action/repository.spec.ts
@@ -0,0 +1,65 @@
+import configureMockStore from 'redux-mock-store';
+import thunk from 'redux-thunk';
+import * as actions from '../../redux/action/repository';
+import Api from '../../api/index';
+import axios from 'axios';
+
+jest.mock('../../api/index');
+const mockedAxios = Api as jest.Mocked<typeof axios>;
+const middlewares = [thunk];
+const mockStore = configureMockStore(middlewares);
+
+describe('Repository actions', () => {
+  const repository: IRepository = {
+    full_name: 'filipemelo2002/filipemelo2002',
+    stargazers_count: 79,
+    forks: 0,
+    open_issues: 0,
+    created_at: '',
+    pushed_at: '',
+    license: {
+      name: 'MIT',
+    },
+  };
+  it('should dispatch a new Repository', async () => {
+    mockedAxios.get.mockResolvedValue({
+      data: repository,
+    });
+
+    const expectedActions = [
+      { type: 'REPOSITORY_PENDING' },
+      {
+        type: 'REPOSITORY_SUCCESS',
+        payload: repository,
+      },
+    ];
+
+    const store = mockStore({ repository: { data: [] } });
+    await store.dispatch(
+      actions.getRepository('filipemelo2002/filipemelo2002'),
+    );
+
+    expect(store.getActions()).toEqual(expectedActions);
+  });
+
+  it('should dispatch a few new Repositories', async () => {
+    mockedAxios.get.mockResolvedValue({
+      data: {
+        items: [repository],
+      },
+    });
+
+    const expectedActions = [
+      { type: 'REPOSITORY_PENDING' },
+      {
+        type: 'REPOSITORY_FULFILLED',
+        payload: [repository],
+      },
+    ];
+
+    const store = mockStore({ repository: { data: [] } });
+    await store.dispatch(actions.getAllUserRepositories('filipemelo2002'));
+
+    expect(store.getActions()).toEqual(expectedActions);
+  });
+});

From 1f318e6dfc1636d52b05c7fedc336eece45de5de Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 23:04:04 -0300
Subject: [PATCH 37/63] Added Filter actions

---
 src/__tests__/action/repository.spec.ts | 26 +++++++++++++++++++++----
 src/redux/action/repository.ts          | 22 +++++++++++++++++++++
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/__tests__/action/repository.spec.ts b/src/__tests__/action/repository.spec.ts
index fdf9ab0..ec84a88 100644
--- a/src/__tests__/action/repository.spec.ts
+++ b/src/__tests__/action/repository.spec.ts
@@ -9,6 +9,8 @@ const mockedAxios = Api as jest.Mocked<typeof axios>;
 const middlewares = [thunk];
 const mockStore = configureMockStore(middlewares);
 
+const TEMPLATE_NAME = 'REPOSITORY';
+
 describe('Repository actions', () => {
   const repository: IRepository = {
     full_name: 'filipemelo2002/filipemelo2002',
@@ -27,9 +29,9 @@ describe('Repository actions', () => {
     });
 
     const expectedActions = [
-      { type: 'REPOSITORY_PENDING' },
+      { type: `${TEMPLATE_NAME}_PENDING` },
       {
-        type: 'REPOSITORY_SUCCESS',
+        type: `${TEMPLATE_NAME}_SUCCESS`,
         payload: repository,
       },
     ];
@@ -50,9 +52,9 @@ describe('Repository actions', () => {
     });
 
     const expectedActions = [
-      { type: 'REPOSITORY_PENDING' },
+      { type: `${TEMPLATE_NAME}_PENDING` },
       {
-        type: 'REPOSITORY_FULFILLED',
+        type: `${TEMPLATE_NAME}_FULFILLED`,
         payload: [repository],
       },
     ];
@@ -62,4 +64,20 @@ describe('Repository actions', () => {
 
     expect(store.getActions()).toEqual(expectedActions);
   });
+
+  it('should search by repository name', () => {
+    const response = actions.search('filipemelo2002');
+    expect(response).toEqual({
+      type: `${TEMPLATE_NAME}_SEARCH`,
+      payload: 'filipemelo2002',
+    });
+  });
+
+  it('should filter by starred', () => {
+    const response = actions.filterByStar(true);
+    expect(response).toEqual({
+      type: `${TEMPLATE_NAME}_FILTER_STARRED`,
+      payload: true,
+    });
+  });
 });
diff --git a/src/redux/action/repository.ts b/src/redux/action/repository.ts
index 4a2012a..b70eea8 100644
--- a/src/redux/action/repository.ts
+++ b/src/redux/action/repository.ts
@@ -41,3 +41,25 @@ export const getAllUserRepositories = (term: string) => {
     }
   };
 };
+
+interface SearchAction {
+  type: string;
+  payload: string;
+}
+export const search = (term: string): SearchAction => {
+  return {
+    type: `${TEMPLATE_NAME}_SEARCH`,
+    payload: term,
+  };
+};
+
+interface FilterStarAction {
+  type: string;
+  payload: boolean;
+}
+export const filterByStar = (shouldFilterByStar: boolean): FilterStarAction => {
+  return {
+    type: `${TEMPLATE_NAME}_FILTER_STARRED`,
+    payload: shouldFilterByStar,
+  };
+};

From 78f71b6827c06efea0561b37f09587645c577682 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 23:08:59 -0300
Subject: [PATCH 38/63] creating filter functions

---
 src/services/filter.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/services/filter.ts

diff --git a/src/services/filter.ts b/src/services/filter.ts
new file mode 100644
index 0000000..89140b2
--- /dev/null
+++ b/src/services/filter.ts
@@ -0,0 +1,18 @@
+const filterStars = () => {};
+
+const filterForks = () => {};
+
+const filterOpenIssues = () => {};
+
+const filterAge = () => {};
+
+const filterLastCommit = () => {};
+
+const filters = {
+  stars: filterStars,
+  forks: filterForks,
+  openIssues: filterOpenIssues,
+  age: filterAge,
+  lastCommit: filterLastCommit,
+};
+export default filters;

From 05ad61d3bdc5d7e5a5f9aa779246df9d79fc5ae1 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Mon, 12 Apr 2021 23:41:31 -0300
Subject: [PATCH 39/63] Sort Service functions created

---
 src/__tests__/services/sort.spec.ts | 75 +++++++++++++++++++++++++++++
 src/services/filter.ts              | 18 -------
 src/services/sort.ts                | 38 +++++++++++++++
 3 files changed, 113 insertions(+), 18 deletions(-)
 create mode 100644 src/__tests__/services/sort.spec.ts
 delete mode 100644 src/services/filter.ts
 create mode 100644 src/services/sort.ts

diff --git a/src/__tests__/services/sort.spec.ts b/src/__tests__/services/sort.spec.ts
new file mode 100644
index 0000000..7a0b468
--- /dev/null
+++ b/src/__tests__/services/sort.spec.ts
@@ -0,0 +1,75 @@
+import sort from '../../services/sort';
+
+describe('Sort functions', () => {
+  const repositories = [
+    {
+      full_name: 'filipemelo2002/STARS',
+      stargazers_count: 79,
+      forks: 45,
+      open_issues: 2,
+      created_at: '2021-04-12T21:37:12Z',
+      pushed_at: '2021-04-12T21:37:12Z',
+      license: {
+        name: 'MIT',
+      },
+    },
+    {
+      full_name: 'filipemelo2002/FORKS',
+      stargazers_count: 79,
+      forks: 759,
+      open_issues: 0,
+      created_at: '2021-04-12T21:37:12Z',
+      pushed_at: '2021-04-12T21:37:12Z',
+      license: {
+        name: 'MIT',
+      },
+    },
+    {
+      full_name: 'filipemelo2002/AGE',
+      stargazers_count: 759,
+      forks: 0,
+      open_issues: 0,
+      created_at: '2014-07-29T11:07:36Z',
+      pushed_at: '2021-04-12T21:37:12Z',
+      license: {
+        name: 'MIT',
+      },
+    },
+    {
+      full_name: 'filipemelo2002/COMMIT',
+      stargazers_count: 79,
+      forks: 0,
+      open_issues: 45,
+      created_at: '2021-04-12T21:37:12Z',
+      pushed_at: '2014-07-29T11:07:36Z',
+      license: {
+        name: 'MIT',
+      },
+    },
+  ];
+
+  it('should sort by stars', () => {
+    const response = sort.stars(repositories);
+    expect(response[0].full_name).toBe('filipemelo2002/AGE');
+  });
+
+  it('should sort by forks', () => {
+    const response = sort.forks(repositories);
+    expect(response[0].full_name).toBe('filipemelo2002/FORKS');
+  });
+
+  it('should sort by Open Issues', () => {
+    const response = sort.openIssues(repositories);
+    expect(response[1].full_name).toBe('filipemelo2002/STARS');
+  });
+
+  it('should sort by age', () => {
+    const response = sort.age(repositories);
+    expect(response[0].full_name).toBe('filipemelo2002/AGE');
+  });
+
+  it('should sort by last commit', () => {
+    const response = sort.lastCommit(repositories);
+    expect(response[0].full_name).toBe('filipemelo2002/COMMIT');
+  });
+});
diff --git a/src/services/filter.ts b/src/services/filter.ts
deleted file mode 100644
index 89140b2..0000000
--- a/src/services/filter.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-const filterStars = () => {};
-
-const filterForks = () => {};
-
-const filterOpenIssues = () => {};
-
-const filterAge = () => {};
-
-const filterLastCommit = () => {};
-
-const filters = {
-  stars: filterStars,
-  forks: filterForks,
-  openIssues: filterOpenIssues,
-  age: filterAge,
-  lastCommit: filterLastCommit,
-};
-export default filters;
diff --git a/src/services/sort.ts b/src/services/sort.ts
new file mode 100644
index 0000000..4a832a7
--- /dev/null
+++ b/src/services/sort.ts
@@ -0,0 +1,38 @@
+const sortStars = (arr: IRepository[]): IRepository[] => {
+  return arr.sort(
+    (current, next) => next.stargazers_count - current.stargazers_count,
+  );
+};
+
+const sortForks = (arr: IRepository[]): IRepository[] => {
+  return arr.sort((next, current) => current.forks - next.forks);
+};
+
+const sortOpenIssues = (arr: IRepository[]): IRepository[] => {
+  return arr.sort((next, current) => current.open_issues - next.open_issues);
+};
+
+const sortAge = (arr: IRepository[]): IRepository[] => {
+  return arr.sort((next, current) => {
+    const currentDate = new Date(current.created_at);
+    const nextDate = new Date(next.created_at);
+    return nextDate.getTime() - currentDate.getTime();
+  });
+};
+
+const sortLastCommit = (arr: IRepository[]): IRepository[] => {
+  return arr.sort((next, current) => {
+    const currentDate = new Date(current.pushed_at);
+    const nextDate = new Date(next.pushed_at);
+    return nextDate.getTime() - currentDate.getTime();
+  });
+};
+
+const sorts = {
+  stars: sortStars,
+  forks: sortForks,
+  openIssues: sortOpenIssues,
+  age: sortAge,
+  lastCommit: sortLastCommit,
+};
+export default sorts;

From 61e34b2cf7edca6f4dd654b788cd63f1508bf3bc Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 00:20:27 -0300
Subject: [PATCH 40/63] Added Filter Actions

---
 src/@types/repository.d.ts      |  6 ++++
 src/redux/action/repository.ts  |  7 +++++
 src/redux/reducer/repository.ts | 53 ++++++++++++++++++++++++++++++++-
 3 files changed, 65 insertions(+), 1 deletion(-)

diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index f83d40f..b0b8e42 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -15,3 +15,9 @@ interface IRepository {
 interface IRepositoryList {
   items: IRepository[];
 }
+type Sort = 'stars' | 'forks' | 'openIssues' | 'age' | 'lastCommit';
+
+interface FilterActionSort {
+  type: string;
+  payload: Sort;
+}
diff --git a/src/redux/action/repository.ts b/src/redux/action/repository.ts
index b70eea8..8c5c8e2 100644
--- a/src/redux/action/repository.ts
+++ b/src/redux/action/repository.ts
@@ -63,3 +63,10 @@ export const filterByStar = (shouldFilterByStar: boolean): FilterStarAction => {
     payload: shouldFilterByStar,
   };
 };
+
+export const sort = (sortBy: Sort): FilterActionSort => {
+  return {
+    type: `${TEMPLATE_NAME}_SORT`,
+    payload: sortBy,
+  };
+};
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index 061e884..533f319 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -1,3 +1,4 @@
+import sort from '../../services/sort';
 const TEMPLATE_NAME = 'REPOSITORY';
 
 const initialState = (): IRepositoryState => ({
@@ -21,7 +22,22 @@ interface ActionListRepositoriesSuccess {
   payload: IRepository[];
 }
 
-type Action = ActionGetRepositorySuccess | ActionListRepositoriesSuccess;
+interface SearchAction {
+  type: string;
+  payload: string;
+}
+
+interface FilterStarAction {
+  type: string;
+  payload: boolean;
+}
+
+type Action =
+  | ActionGetRepositorySuccess
+  | ActionListRepositoriesSuccess
+  | FilterActionSort
+  | FilterStarAction
+  | SearchAction;
 const reducer = (state = initialState(), action: Action): IRepositoryState => {
   switch (action.type) {
     case `${TEMPLATE_NAME}_PENDING`: {
@@ -57,6 +73,41 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
         error: false,
       };
     }
+    case `${TEMPLATE_NAME}_SEARCH`: {
+      const term = action.payload as string;
+
+      return {
+        ...state,
+        filter: {
+          ...state.filter,
+          name: term,
+          data: state.filter.data.filter(d => d.full_name.includes(term)),
+        },
+      };
+    }
+    case `${TEMPLATE_NAME}_FILTER_STARRED`: {
+      const starred = action.payload as boolean;
+      return {
+        ...state,
+        filter: {
+          ...state.filter,
+          data: state.filter.data.filter(d => d.starred === starred),
+          starred,
+        },
+      };
+    }
+    case `${TEMPLATE_NAME}_SORT`: {
+      const { payload } = action as FilterActionSort;
+      const sortFunc = sort[payload];
+      const newData = sortFunc(state.filter.data);
+      return {
+        ...state,
+        filter: {
+          ...state.filter,
+          data: newData,
+        },
+      };
+    }
     case 'RESET': {
       return initialState();
     }

From 96712e3569be39159c0fb107eca0243748e5b052 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 00:47:15 -0300
Subject: [PATCH 41/63] Fixed Repository types

---
 src/@types/redux.d.ts            |  1 +
 src/@types/repository.d.ts       |  2 ++
 src/components/Card/index.tsx    | 10 +++-------
 src/components/CardRow/index.tsx | 12 ++++--------
 4 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/@types/redux.d.ts b/src/@types/redux.d.ts
index aab102e..4cbe6f8 100644
--- a/src/@types/redux.d.ts
+++ b/src/@types/redux.d.ts
@@ -6,6 +6,7 @@ interface IRepositoryState {
     name: string;
     data: IRepository[];
     starred: boolean;
+    sortBy: Sort;
   };
 }
 
diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index b0b8e42..82bfd5f 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -2,6 +2,7 @@ interface ILicense {
   name: string;
 }
 interface IRepository {
+  id: string;
   full_name: string;
   stargazers_count: number;
   forks: number;
@@ -10,6 +11,7 @@ interface IRepository {
   pushed_at: string;
   license: ILicense | null;
   starred?: boolean;
+  language: string;
 }
 
 interface IRepositoryList {
diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index 4d46934..131cdea 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -15,8 +15,8 @@ interface Props {
   age: string;
   lastCommit: string;
   license: string;
-  techs: Array<string>;
   starred: boolean;
+  language: string;
 }
 const Card: React.FC<Props> = ({
   name,
@@ -26,7 +26,7 @@ const Card: React.FC<Props> = ({
   age,
   lastCommit,
   license,
-  techs,
+  language,
   starred,
 }) => {
   return (
@@ -83,11 +83,7 @@ const Card: React.FC<Props> = ({
               </p>
             </li>
             <li>
-              {techs.map((t, index) => (
-                <ClayLabel displayType="warning" key={String(index)}>
-                  {t}
-                </ClayLabel>
-              ))}
+              <ClayLabel displayType="warning">{language}</ClayLabel>
             </li>
           </ul>
         </CardBody>
diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index df372b6..261efd6 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -15,8 +15,8 @@ interface Props {
   age: string;
   lastCommit: string;
   license: string;
-  techs: Array<string>;
   starred: boolean;
+  language: string;
 }
 const Card: React.FC<Props> = ({
   name,
@@ -26,7 +26,7 @@ const Card: React.FC<Props> = ({
   age,
   lastCommit,
   license,
-  techs,
+  language,
   starred,
 }) => {
   return (
@@ -35,7 +35,7 @@ const Card: React.FC<Props> = ({
         <CardHeader>
           <section>
             <img src={logo} width={40} height={40} />
-            <h4>liferay/liferay-portal</h4>
+            <h4>{name}</h4>
           </section>
           <section id="btn-section">
             <button type="button" onClick={() => console.log('start clicked')}>
@@ -83,11 +83,7 @@ const Card: React.FC<Props> = ({
               </p>
             </li>
             <li>
-              {techs.map((t, index) => (
-                <ClayLabel displayType="warning" key={String(index)}>
-                  {t}
-                </ClayLabel>
-              ))}
+              <ClayLabel displayType="warning">{language}</ClayLabel>
             </li>
           </ul>
         </CardBody>

From e36aa0b24853c79dafbc2f54fd4bdb6620939a87 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 00:47:27 -0300
Subject: [PATCH 42/63] Added Redux provider

---
 src/App.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 8ffc057..5e2c08f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import React from 'react';
 import Home from './pages/Home';
 import GlobalStyle from './styles/globalStyles';
 import '@clayui/css/lib/css/atlas.css';
+import { Provider } from 'react-redux';
+import store from './redux/store';
 const App: React.FC = () => (
-  <>
+  <Provider store={store}>
     <Home />
     <GlobalStyle />
-  </>
+  </Provider>
 );
 
 export default App;

From d316b075d0a2963a299f221865308fd97f06f869 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 01:20:55 -0300
Subject: [PATCH 43/63] [Hotfix] FIxed visual informations

---
 src/components/Card/index.tsx |  6 ++++--
 src/components/Card/styles.ts | 10 ++++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index 131cdea..f121483 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -37,7 +37,7 @@ const Card: React.FC<Props> = ({
             <img src={logo} width={40} height={40} />
             <h4>{name}</h4>
           </section>
-          <section>
+          <section id="float-left">
             <button type="button" onClick={() => console.log('start clicked')}>
               {starred ? (
                 <MdStar size={23} color="#6B6C7E" />
@@ -83,7 +83,9 @@ const Card: React.FC<Props> = ({
               </p>
             </li>
             <li>
-              <ClayLabel displayType="warning">{language}</ClayLabel>
+              {language && (
+                <ClayLabel displayType="warning">{language}</ClayLabel>
+              )}
             </li>
           </ul>
         </CardBody>
diff --git a/src/components/Card/styles.ts b/src/components/Card/styles.ts
index 44c4194..639dcca 100644
--- a/src/components/Card/styles.ts
+++ b/src/components/Card/styles.ts
@@ -8,11 +8,13 @@ export const CardHeader = styled.div`
   padding-bottom: 5px;
   padding-right: 5px;
   h4 {
+    font-size: 14px;
     margin-left: 4px;
-    font-weight: 600;
+    font-weight: 500;
+    max-width: 70%;
   }
   section {
-    margin-left: auto;
+    width: 70%;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
@@ -28,6 +30,10 @@ export const CardHeader = styled.div`
       }
     }
   }
+  #float-left {
+    margin-left: auto;
+    width: auto;
+  }
 `;
 
 export const CardBody = styled.div`

From a68a52bf613cbd8eb9639f7d44b2482c72e1f945 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 01:21:15 -0300
Subject: [PATCH 44/63] Card List integrated with Redux

---
 package.json                               |  1 +
 src/components/NewRepositoryForm/index.tsx | 33 ++++++++--
 src/components/RepositoryList/index.tsx    | 74 ++++++----------------
 src/redux/reducer/repository.ts            | 57 +++++++++++++++--
 yarn.lock                                  |  7 ++
 5 files changed, 106 insertions(+), 66 deletions(-)

diff --git a/package.json b/package.json
index 9a140b2..53b4823 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "@clayui/drop-down": "^3.25.1",
     "@clayui/form": "^3.14.4",
     "@clayui/label": "^3.4.1",
+    "@clayui/loading-indicator": "^3.2.0",
     "@clayui/management-toolbar": "^3.3.0",
     "@clayui/modal": "^3.8.5",
     "axios": "^0.21.1",
diff --git a/src/components/NewRepositoryForm/index.tsx b/src/components/NewRepositoryForm/index.tsx
index 7faa136..ab73bdc 100644
--- a/src/components/NewRepositoryForm/index.tsx
+++ b/src/components/NewRepositoryForm/index.tsx
@@ -1,25 +1,50 @@
-import React, { useState } from 'react';
+import React, { FormEvent, useState } from 'react';
 
 import { Button, Container, Content } from './styles';
 import ClayForm, { ClayInput } from '@clayui/form';
 import { FiPlus } from 'react-icons/fi';
+import { useDispatch, useSelector } from 'react-redux';
+import ClayLoadingIndicator from '@clayui/loading-indicator';
+import * as Actions from '../../redux/action/repository';
 
 const NewRepositoryForm: React.FC = () => {
+  const dispatch = useDispatch();
+  const [term, setTerm] = useState('');
   const [openDropdown, setOpenDropdown] = useState(false);
+  const { loading, error } = useSelector((state: State) => state.repository);
 
+  const onSubmitForm = (e: FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    if (term.length === 0) {
+      return false;
+    }
+    if (term.split('/').length > 1) {
+      dispatch(Actions.getRepository(term));
+      return true;
+    }
+    dispatch(Actions.getAllUserRepositories(term));
+    return true;
+  };
   return (
     <Container>
       <Button type="button" onClick={() => setOpenDropdown(!openDropdown)}>
         <FiPlus size={20} />
       </Button>
       {openDropdown && (
-        <Content onSubmit={() => console.log('SUBMITED FORM')}>
+        <Content onSubmit={onSubmitForm}>
           <ClayForm.Group className="input-group">
             <h4>New repository</h4>
             <label htmlFor="repository">
               Repository <span>*</span>
             </label>
-            <ClayInput component="input" id="repository" type="text" />
+            <ClayInput
+              component="input"
+              id="repository"
+              type="text"
+              value={term}
+              onChange={e => setTerm(e.target.value)}
+            />
+            {error && <p className="error">This is an API-feedback-error</p>}
           </ClayForm.Group>
           <hr />
           <footer>
@@ -31,7 +56,7 @@ const NewRepositoryForm: React.FC = () => {
               Cancel
             </button>
             <button className="btn btn-primary" type="submit">
-              Add
+              {loading ? <ClayLoadingIndicator color="#fff" small /> : 'Add'}
             </button>
           </footer>
         </Content>
diff --git a/src/components/RepositoryList/index.tsx b/src/components/RepositoryList/index.tsx
index 3fdc0b9..8dc158f 100644
--- a/src/components/RepositoryList/index.tsx
+++ b/src/components/RepositoryList/index.tsx
@@ -1,65 +1,29 @@
 import React from 'react';
 
+import { useSelector } from 'react-redux';
 import { Container } from './styles';
 import Card from '../Card';
+
 const RepositoryList: React.FC = () => {
+  const repository = useSelector(
+    (state: State) => state.repository.filter.data,
+  );
   return (
     <Container className="row">
-      <Card
-        age="1 year ago"
-        forks={24}
-        lastCommit="7 hours ago"
-        license="N/A"
-        name="liferay/liferay-portal"
-        openIssues={0}
-        starred
-        stars={10}
-        techs={['JAVA', 'JAVASCRIPT']}
-      />
-      <Card
-        age="1 year ago"
-        forks={24}
-        lastCommit="7 hours ago"
-        license="N/A"
-        name="liferay/liferay-portal"
-        openIssues={0}
-        starred
-        stars={10}
-        techs={['JAVA', 'JAVASCRIPT']}
-      />
-      <Card
-        age="1 year ago"
-        forks={24}
-        lastCommit="7 hours ago"
-        license="N/A"
-        name="liferay/liferay-portal"
-        openIssues={0}
-        starred
-        stars={10}
-        techs={['JAVA', 'JAVASCRIPT']}
-      />
-      <Card
-        age="1 year ago"
-        forks={24}
-        lastCommit="7 hours ago"
-        license="N/A"
-        name="liferay/liferay-portal"
-        openIssues={0}
-        starred
-        stars={10}
-        techs={['JAVA', 'JAVASCRIPT']}
-      />
-      <Card
-        age="1 year ago"
-        forks={24}
-        lastCommit="7 hours ago"
-        license="N/A"
-        name="liferay/liferay-portal"
-        openIssues={0}
-        starred
-        stars={10}
-        techs={['JAVA', 'JAVASCRIPT']}
-      />
+      {repository.map(repo => (
+        <Card
+          key={repo.id}
+          name={repo.full_name}
+          stars={repo.stargazers_count}
+          forks={repo.forks}
+          openIssues={repo.open_issues}
+          age={repo.created_at}
+          lastCommit={repo.pushed_at}
+          license={repo.license?.name || 'N/A'}
+          language={repo.language}
+          starred={repo.starred || false}
+        />
+      ))}
     </Container>
   );
 };
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index 533f319..d025b14 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -9,6 +9,7 @@ const initialState = (): IRepositoryState => ({
     name: '',
     data: [],
     starred: false,
+    sortBy: 'stars',
   },
 });
 
@@ -55,43 +56,84 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
       };
     }
     case `${TEMPLATE_NAME}_FULFILLED`: {
+      const data = [...state.data, ...(action.payload as IRepository[])];
+      let newData = [];
+      if (state.filter.sortBy) {
+        const sortFunc = sort[state.filter.sortBy];
+        newData = sortFunc(data);
+      } else {
+        newData = data;
+      }
+
       return {
         ...state,
-        data: action.payload as IRepository[],
+        data: data,
         loading: false,
+        filter: {
+          ...state.filter,
+          data: newData,
+        },
         error: false,
       };
     }
     case `${TEMPLATE_NAME}_SUCCESS`: {
       const repository = action.payload as IRepository;
-      const newData = state.data;
-      newData.unshift(repository);
+      const data = [...state.data];
+      data.unshift(repository);
+      let newData = [];
+      if (state.filter.sortBy) {
+        const sortFunc = sort[state.filter.sortBy];
+        newData = sortFunc(data);
+      } else {
+        newData = data;
+      }
+
       return {
         ...state,
-        data: newData,
+        data: data,
         loading: false,
         error: false,
+        filter: {
+          ...state.filter,
+          data: newData,
+        },
       };
     }
     case `${TEMPLATE_NAME}_SEARCH`: {
       const term = action.payload as string;
-
+      const data = state.filter.data.filter(d => d.full_name.includes(term));
+      let newData = [];
+      if (state.filter.sortBy) {
+        const sortFunc = sort[state.filter.sortBy];
+        newData = sortFunc(data);
+      } else {
+        newData = data;
+      }
       return {
         ...state,
         filter: {
           ...state.filter,
           name: term,
-          data: state.filter.data.filter(d => d.full_name.includes(term)),
+          data: newData,
         },
       };
     }
     case `${TEMPLATE_NAME}_FILTER_STARRED`: {
       const starred = action.payload as boolean;
+      const data = state.filter.data.filter(d => d.starred === starred);
+      let newData = [];
+      if (state.filter.sortBy) {
+        const sortFunc = sort[state.filter.sortBy];
+        newData = sortFunc(data);
+      } else {
+        newData = data;
+      }
+
       return {
         ...state,
         filter: {
           ...state.filter,
-          data: state.filter.data.filter(d => d.starred === starred),
+          data: newData,
           starred,
         },
       };
@@ -105,6 +147,7 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
         filter: {
           ...state.filter,
           data: newData,
+          sortBy: payload,
         },
       };
     }
diff --git a/yarn.lock b/yarn.lock
index c6b4ac0..21a3e31 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1266,6 +1266,13 @@
   dependencies:
     classnames "^2.2.6"
 
+"@clayui/loading-indicator@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@clayui/loading-indicator/-/loading-indicator-3.2.0.tgz#7a5565c5543b345d9e57d8b94b72b7ba83c4667f"
+  integrity sha512-c0R4NEa+5gITbsAgf3IxP6O4TjMzaWCT7rv3N4EFWT23lbChRFE/XCq5utXbQIM1M6b+1lYX2qoqsn9o4+63SA==
+  dependencies:
+    classnames "^2.2.6"
+
 "@clayui/management-toolbar@^3.3.0":
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/@clayui/management-toolbar/-/management-toolbar-3.3.0.tgz#bedf513b56e5b5756e0287149c1cd90f8b8f3043"

From 7c048a316e3a598513627e8101d114fa4229c94e Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 01:28:40 -0300
Subject: [PATCH 45/63] Added error feedback

---
 src/components/NewRepositoryForm/index.tsx | 10 +++++++++-
 src/styles/globalStyles.ts                 |  9 +++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/NewRepositoryForm/index.tsx b/src/components/NewRepositoryForm/index.tsx
index ab73bdc..92de6cf 100644
--- a/src/components/NewRepositoryForm/index.tsx
+++ b/src/components/NewRepositoryForm/index.tsx
@@ -6,6 +6,7 @@ import { FiPlus } from 'react-icons/fi';
 import { useDispatch, useSelector } from 'react-redux';
 import ClayLoadingIndicator from '@clayui/loading-indicator';
 import * as Actions from '../../redux/action/repository';
+import { AiFillInfoCircle } from 'react-icons/ai';
 
 const NewRepositoryForm: React.FC = () => {
   const dispatch = useDispatch();
@@ -20,9 +21,11 @@ const NewRepositoryForm: React.FC = () => {
     }
     if (term.split('/').length > 1) {
       dispatch(Actions.getRepository(term));
+      setTerm('');
       return true;
     }
     dispatch(Actions.getAllUserRepositories(term));
+    setTerm('');
     return true;
   };
   return (
@@ -44,7 +47,12 @@ const NewRepositoryForm: React.FC = () => {
               value={term}
               onChange={e => setTerm(e.target.value)}
             />
-            {error && <p className="error">This is an API-feedback-error</p>}
+            {error && (
+              <p id="errorLabel">
+                <AiFillInfoCircle size={20} />
+                <span>This is an API-feedback-error</span>
+              </p>
+            )}
           </ClayForm.Group>
           <hr />
           <footer>
diff --git a/src/styles/globalStyles.ts b/src/styles/globalStyles.ts
index 550f48a..f803089 100644
--- a/src/styles/globalStyles.ts
+++ b/src/styles/globalStyles.ts
@@ -35,6 +35,15 @@ export default createGlobalStyle`
       monospace;
   }
 
+  #errorLabel {
+    color: #DA1414;
+    font-weight: 600;
+    margin-top: 7px;
+   span {
+    margin-left: 7px;
+   }
+  }
+
   ::-webkit-scrollbar {
   width: 4px;
 }

From bcdf67ff46297f5c297a686137511f56c9aec433 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 09:57:48 -0300
Subject: [PATCH 46/63] Star filter integrated

---
 src/components/StarFilter/index.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/StarFilter/index.tsx b/src/components/StarFilter/index.tsx
index c474644..abe2a92 100644
--- a/src/components/StarFilter/index.tsx
+++ b/src/components/StarFilter/index.tsx
@@ -1,13 +1,19 @@
-import React, { useState } from 'react';
+import React from 'react';
 
 import { Button } from '../commons/GlobalComponents';
 import { MdStar, MdStarBorder } from 'react-icons/md';
+import { useSelector, useDispatch } from 'react-redux';
+import * as Actions from '../../redux/action/repository';
 
 const StarFilter: React.FC = () => {
-  const [active, setActive] = useState(false);
+  const dispatch = useDispatch();
+  const filter = useSelector((state: State) => state.repository.filter);
   return (
-    <Button type="button" onClick={() => setActive(!active)}>
-      {active ? <MdStarBorder size={25} /> : <MdStar size={25} />}
+    <Button
+      type="button"
+      onClick={() => dispatch(Actions.filterByStar(!filter.starred))}
+    >
+      {filter.starred ? <MdStar size={25} /> : <MdStarBorder size={25} />}
     </Button>
   );
 };

From 42224f49d33eb31f0bf8b13bb4d5bd880450bc14 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 10:43:59 -0300
Subject: [PATCH 47/63] added an empty sort initial state

---
 src/@types/repository.d.ts      |  2 +-
 src/redux/reducer/repository.ts | 78 +++++++++++++++++----------------
 src/services/sort.ts            |  2 +
 3 files changed, 43 insertions(+), 39 deletions(-)

diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index 82bfd5f..4aaa858 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -17,7 +17,7 @@ interface IRepository {
 interface IRepositoryList {
   items: IRepository[];
 }
-type Sort = 'stars' | 'forks' | 'openIssues' | 'age' | 'lastCommit';
+type Sort = 'stars' | 'forks' | 'openIssues' | 'age' | 'lastCommit' | '';
 
 interface FilterActionSort {
   type: string;
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index d025b14..4d90d2d 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -9,7 +9,7 @@ const initialState = (): IRepositoryState => ({
     name: '',
     data: [],
     starred: false,
-    sortBy: 'stars',
+    sortBy: '',
   },
 });
 
@@ -39,6 +39,15 @@ type Action =
   | FilterActionSort
   | FilterStarAction
   | SearchAction;
+
+const applyFilter = (arr: IRepository[], filter: Sort) => {
+  if (filter) {
+    const sortFunc = sort[filter];
+    const filteredArray = sortFunc(arr);
+    return filteredArray;
+  }
+  return arr;
+};
 const reducer = (state = initialState(), action: Action): IRepositoryState => {
   switch (action.type) {
     case `${TEMPLATE_NAME}_PENDING`: {
@@ -56,22 +65,14 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
       };
     }
     case `${TEMPLATE_NAME}_FULFILLED`: {
-      const data = [...state.data, ...(action.payload as IRepository[])];
-      let newData = [];
-      if (state.filter.sortBy) {
-        const sortFunc = sort[state.filter.sortBy];
-        newData = sortFunc(data);
-      } else {
-        newData = data;
-      }
-
+      const data = [...(action.payload as IRepository[]), ...state.data];
       return {
         ...state,
         data: data,
         loading: false,
         filter: {
           ...state.filter,
-          data: newData,
+          data: data,
         },
         error: false,
       };
@@ -80,14 +81,8 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
       const repository = action.payload as IRepository;
       const data = [...state.data];
       data.unshift(repository);
-      let newData = [];
-      if (state.filter.sortBy) {
-        const sortFunc = sort[state.filter.sortBy];
-        newData = sortFunc(data);
-      } else {
-        newData = data;
-      }
-
+      const newData = [...state.filter.data];
+      newData.unshift(repository);
       return {
         ...state,
         data: data,
@@ -102,13 +97,7 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
     case `${TEMPLATE_NAME}_SEARCH`: {
       const term = action.payload as string;
       const data = state.filter.data.filter(d => d.full_name.includes(term));
-      let newData = [];
-      if (state.filter.sortBy) {
-        const sortFunc = sort[state.filter.sortBy];
-        newData = sortFunc(data);
-      } else {
-        newData = data;
-      }
+      const newData = applyFilter(data, state.filter.sortBy);
       return {
         ...state,
         filter: {
@@ -120,34 +109,47 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
     }
     case `${TEMPLATE_NAME}_FILTER_STARRED`: {
       const starred = action.payload as boolean;
-      const data = state.filter.data.filter(d => d.starred === starred);
-      let newData = [];
-      if (state.filter.sortBy) {
-        const sortFunc = sort[state.filter.sortBy];
-        newData = sortFunc(data);
-      } else {
-        newData = data;
-      }
+      const data = state.data.filter(d => d.starred === starred);
+      const newData = applyFilter(data, state.filter.sortBy);
 
       return {
         ...state,
         filter: {
           ...state.filter,
-          data: newData,
+          data: starred ? newData : state.data,
           starred,
         },
       };
     }
     case `${TEMPLATE_NAME}_SORT`: {
-      const { payload } = action as FilterActionSort;
-      const sortFunc = sort[payload];
+      const orderBy = action.payload as Sort;
+      const sortFunc = sort[orderBy];
       const newData = sortFunc(state.filter.data);
       return {
         ...state,
         filter: {
           ...state.filter,
           data: newData,
-          sortBy: payload,
+          sortBy: orderBy,
+        },
+      };
+    }
+    case `${TEMPLATE_NAME}_TOGGLE_FAVORITE_REPOSITORY`: {
+      const id = action.payload as string;
+      const [newFavouriteRepository] = state.data.filter(
+        repo => repo.id === id,
+      );
+      newFavouriteRepository.starred = !newFavouriteRepository.starred;
+      const newData = state.data.map(repo =>
+        repo.id === id ? newFavouriteRepository : repo,
+      );
+      const newFilterData = applyFilter(newData, state.filter.sortBy);
+      return {
+        ...state,
+        data: newData,
+        filter: {
+          ...state.filter,
+          data: newFilterData,
         },
       };
     }
diff --git a/src/services/sort.ts b/src/services/sort.ts
index 4a832a7..33de8ee 100644
--- a/src/services/sort.ts
+++ b/src/services/sort.ts
@@ -28,11 +28,13 @@ const sortLastCommit = (arr: IRepository[]): IRepository[] => {
   });
 };
 
+const empySort = (arr: IRepository[]): IRepository[] => arr;
 const sorts = {
   stars: sortStars,
   forks: sortForks,
   openIssues: sortOpenIssues,
   age: sortAge,
   lastCommit: sortLastCommit,
+  '': empySort,
 };
 export default sorts;

From 14aeba499c039acc181fda42e4c420219d4ae318 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 10:45:00 -0300
Subject: [PATCH 48/63] Added Filter by Favourite Action

---
 src/components/Card/index.tsx  | 11 +++++++++--
 src/redux/action/repository.ts |  7 +++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index f121483..0dd6517 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -6,8 +6,10 @@ import { MdStarBorder, MdStar } from 'react-icons/md';
 import logo from '../../assets/logo.png';
 import ClayLabel from '@clayui/label';
 import DeleteModal from '../DeleteModal';
-
+import { useDispatch } from 'react-redux';
+import * as Actions from '../../redux/action/repository';
 interface Props {
+  id: string;
   name: string;
   stars: number;
   forks: number;
@@ -19,6 +21,7 @@ interface Props {
   language: string;
 }
 const Card: React.FC<Props> = ({
+  id,
   name,
   stars,
   forks,
@@ -29,6 +32,7 @@ const Card: React.FC<Props> = ({
   language,
   starred,
 }) => {
+  const dispatch = useDispatch();
   return (
     <div className="col-md-3">
       <ClayCard>
@@ -38,7 +42,10 @@ const Card: React.FC<Props> = ({
             <h4>{name}</h4>
           </section>
           <section id="float-left">
-            <button type="button" onClick={() => console.log('start clicked')}>
+            <button
+              type="button"
+              onClick={() => dispatch(Actions.toggleFavortiteRepository(id))}
+            >
               {starred ? (
                 <MdStar size={23} color="#6B6C7E" />
               ) : (
diff --git a/src/redux/action/repository.ts b/src/redux/action/repository.ts
index 8c5c8e2..5df5875 100644
--- a/src/redux/action/repository.ts
+++ b/src/redux/action/repository.ts
@@ -70,3 +70,10 @@ export const sort = (sortBy: Sort): FilterActionSort => {
     payload: sortBy,
   };
 };
+
+export const toggleFavortiteRepository = (id: string): SearchAction => {
+  return {
+    type: `${TEMPLATE_NAME}_TOGGLE_FAVORITE_REPOSITORY`,
+    payload: id,
+  };
+};

From bc1740307245363e9bac3248a0eccee614f3c4c3 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 10:45:28 -0300
Subject: [PATCH 49/63] Added missing Id prop

---
 src/components/RepositoryList/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/RepositoryList/index.tsx b/src/components/RepositoryList/index.tsx
index 8dc158f..1a67f05 100644
--- a/src/components/RepositoryList/index.tsx
+++ b/src/components/RepositoryList/index.tsx
@@ -12,6 +12,7 @@ const RepositoryList: React.FC = () => {
     <Container className="row">
       {repository.map(repo => (
         <Card
+          id={repo.id}
           key={repo.id}
           name={repo.full_name}
           stars={repo.stargazers_count}

From c696d41e3dfa9eb968a463fb779f2c0d797197d7 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 11:46:15 -0300
Subject: [PATCH 50/63] Sorting component integrated with redux

---
 src/components/FilterDropDown/index.tsx | 35 +++++++++++++++++++++----
 src/redux/reducer/repository.ts         |  2 +-
 2 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/components/FilterDropDown/index.tsx b/src/components/FilterDropDown/index.tsx
index f34749b..286266c 100644
--- a/src/components/FilterDropDown/index.tsx
+++ b/src/components/FilterDropDown/index.tsx
@@ -3,8 +3,17 @@ import React, { useState } from 'react';
 import ClayDropDown from '@clayui/drop-down';
 import { IoMdArrowDropdown, IoMdArrowDropup } from 'react-icons/io';
 import { Container } from './styles';
+import { useDispatch } from 'react-redux';
+import * as Actions from '../../redux/action/repository';
 const FilterDropDown: React.FC = () => {
+  const dispatch = useDispatch();
+
   const [openDropdown, setOpenDropdown] = useState(false);
+
+  const handleOnSelectSortOption = (sort: Sort) => {
+    dispatch(Actions.sort(sort));
+    setOpenDropdown(false);
+  };
   return (
     <Container>
       <ClayDropDown
@@ -24,13 +33,29 @@ const FilterDropDown: React.FC = () => {
       >
         <ClayDropDown.ItemList>
           <ClayDropDown.Group header="ORDER BY">
-            <ClayDropDown.Item onClick={() => setOpenDropdown(false)}>
+            <ClayDropDown.Item
+              onClick={() => handleOnSelectSortOption('stars')}
+            >
               Stars
             </ClayDropDown.Item>
-            <ClayDropDown.Item>Forks</ClayDropDown.Item>
-            <ClayDropDown.Item>Open Issues</ClayDropDown.Item>
-            <ClayDropDown.Item>Age</ClayDropDown.Item>
-            <ClayDropDown.Item>Last commit</ClayDropDown.Item>
+            <ClayDropDown.Item
+              onClick={() => handleOnSelectSortOption('forks')}
+            >
+              Forks
+            </ClayDropDown.Item>
+            <ClayDropDown.Item
+              onClick={() => handleOnSelectSortOption('openIssues')}
+            >
+              Open Issues
+            </ClayDropDown.Item>
+            <ClayDropDown.Item onClick={() => handleOnSelectSortOption('age')}>
+              Age
+            </ClayDropDown.Item>
+            <ClayDropDown.Item
+              onClick={() => handleOnSelectSortOption('lastCommit')}
+            >
+              Last commit
+            </ClayDropDown.Item>
           </ClayDropDown.Group>
         </ClayDropDown.ItemList>
       </ClayDropDown>
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index 4d90d2d..a42994e 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -124,7 +124,7 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
     case `${TEMPLATE_NAME}_SORT`: {
       const orderBy = action.payload as Sort;
       const sortFunc = sort[orderBy];
-      const newData = sortFunc(state.filter.data);
+      const newData = sortFunc([...state.filter.data]);
       return {
         ...state,
         filter: {

From 947d0cb6c235f27be89e967fab1c7a3421fb4bdf Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 15:46:10 -0300
Subject: [PATCH 51/63] Added List Type Redux flux

---
 src/@types/redux.d.ts           |  1 +
 src/@types/repository.d.ts      |  2 +-
 src/redux/action/repository.ts  | 11 +++++++++++
 src/redux/reducer/repository.ts |  7 +++++++
 4 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/@types/redux.d.ts b/src/@types/redux.d.ts
index 4cbe6f8..3059d1d 100644
--- a/src/@types/redux.d.ts
+++ b/src/@types/redux.d.ts
@@ -8,6 +8,7 @@ interface IRepositoryState {
     starred: boolean;
     sortBy: Sort;
   };
+  listType: ListType;
 }
 
 interface State {
diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index 4aaa858..4534dda 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -18,7 +18,7 @@ interface IRepositoryList {
   items: IRepository[];
 }
 type Sort = 'stars' | 'forks' | 'openIssues' | 'age' | 'lastCommit' | '';
-
+type ListType = 'grid' | 'row';
 interface FilterActionSort {
   type: string;
   payload: Sort;
diff --git a/src/redux/action/repository.ts b/src/redux/action/repository.ts
index 5df5875..c604728 100644
--- a/src/redux/action/repository.ts
+++ b/src/redux/action/repository.ts
@@ -77,3 +77,14 @@ export const toggleFavortiteRepository = (id: string): SearchAction => {
     payload: id,
   };
 };
+
+interface ListTypeAction {
+  type: string;
+  payload: ListType;
+}
+export const listType = (type: ListType): ListTypeAction => {
+  return {
+    type: `${TEMPLATE_NAME}_CHANGE_LIST_TYPE`,
+    payload: type,
+  };
+};
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index a42994e..3086892 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -11,6 +11,7 @@ const initialState = (): IRepositoryState => ({
     starred: false,
     sortBy: '',
   },
+  listType: 'grid',
 });
 
 interface ActionGetRepositorySuccess {
@@ -153,6 +154,12 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
         },
       };
     }
+    case `${TEMPLATE_NAME}_CHANGE_LIST_TYPE`: {
+      return {
+        ...state,
+        listType: action.payload as ListType,
+      };
+    }
     case 'RESET': {
       return initialState();
     }

From b55e690c2011bc5b935aa180e7c110d1be2421d1 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 15:46:48 -0300
Subject: [PATCH 52/63] truncating large name string

---
 src/components/Card/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index 0dd6517..a96f469 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -33,13 +33,16 @@ const Card: React.FC<Props> = ({
   starred,
 }) => {
   const dispatch = useDispatch();
+  function truncate(source: string, size: number): string {
+    return source.length > size ? source.slice(0, size - 1) + '…' : source;
+  }
   return (
     <div className="col-md-3">
       <ClayCard>
         <CardHeader>
           <section>
             <img src={logo} width={40} height={40} />
-            <h4>{name}</h4>
+            <h4>{truncate(name, 30)}</h4>
           </section>
           <section id="float-left">
             <button

From a2c03ad5ba612e7e3222283281886c1194fbd1dd Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 15:47:18 -0300
Subject: [PATCH 53/63] Toggle List type button with redux

---
 src/components/ListTypeToggleButton/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/ListTypeToggleButton/index.tsx b/src/components/ListTypeToggleButton/index.tsx
index 5c49799..21be147 100644
--- a/src/components/ListTypeToggleButton/index.tsx
+++ b/src/components/ListTypeToggleButton/index.tsx
@@ -1,17 +1,22 @@
-import React, { useState } from 'react';
+import React from 'react';
 
 import { Button } from '../commons/GlobalComponents';
 // import { Container } from './styles';
 import { BsFillGridFill } from 'react-icons/bs';
 import { FaThList } from 'react-icons/fa';
+import { useSelector, useDispatch } from 'react-redux';
+import * as Actions from '../../redux/action/repository';
+
 const ListType: React.FC = () => {
-  const [listType, setListType] = useState<'grid' | 'row'>('grid');
+  const dispatch = useDispatch();
+  const listType = useSelector((state: State) => state.repository.listType);
+
   return (
     <>
       {listType === 'grid' ? (
         <Button
           type="button"
-          onClick={() => setListType('row')}
+          onClick={() => dispatch(Actions.listType('row'))}
           data-testid="btn-grid"
         >
           <BsFillGridFill size={20} />
@@ -19,7 +24,7 @@ const ListType: React.FC = () => {
       ) : (
         <Button
           type="button"
-          onClick={() => setListType('grid')}
+          onClick={() => dispatch(Actions.listType('grid'))}
           data-testid="btn-row"
         >
           <FaThList size={20} />

From 2527735e08c0befb273f0c91cdea1fbec8346a1d Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 15:47:30 -0300
Subject: [PATCH 54/63] Toggling list type

---
 src/components/RepositoryList/index.tsx | 67 +++++++++++++++++--------
 1 file changed, 47 insertions(+), 20 deletions(-)

diff --git a/src/components/RepositoryList/index.tsx b/src/components/RepositoryList/index.tsx
index 1a67f05..bfd5aa4 100644
--- a/src/components/RepositoryList/index.tsx
+++ b/src/components/RepositoryList/index.tsx
@@ -3,30 +3,57 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import { Container } from './styles';
 import Card from '../Card';
-
+import CardRow from '../CardRow';
 const RepositoryList: React.FC = () => {
+  const listType = useSelector((state: State) => state.repository.listType);
   const repository = useSelector(
     (state: State) => state.repository.filter.data,
   );
-  return (
-    <Container className="row">
-      {repository.map(repo => (
-        <Card
-          id={repo.id}
-          key={repo.id}
-          name={repo.full_name}
-          stars={repo.stargazers_count}
-          forks={repo.forks}
-          openIssues={repo.open_issues}
-          age={repo.created_at}
-          lastCommit={repo.pushed_at}
-          license={repo.license?.name || 'N/A'}
-          language={repo.language}
-          starred={repo.starred || false}
-        />
-      ))}
-    </Container>
-  );
+
+  const renderGridList = () => {
+    return (
+      <Container className="row">
+        {repository.map(repo => (
+          <Card
+            id={repo.id}
+            key={repo.id}
+            name={repo.full_name}
+            stars={repo.stargazers_count}
+            forks={repo.forks}
+            openIssues={repo.open_issues}
+            age={repo.created_at}
+            lastCommit={repo.pushed_at}
+            license={repo.license?.name || 'N/A'}
+            language={repo.language}
+            starred={repo.starred || false}
+          />
+        ))}
+      </Container>
+    );
+  };
+
+  const renderRowList = () => {
+    return (
+      <Container className="max-width">
+        {repository.map(repo => (
+          <CardRow
+            id={repo.id}
+            key={repo.id}
+            name={repo.full_name}
+            stars={repo.stargazers_count}
+            forks={repo.forks}
+            openIssues={repo.open_issues}
+            age={repo.created_at}
+            lastCommit={repo.pushed_at}
+            license={repo.license?.name || 'N/A'}
+            language={repo.language}
+            starred={repo.starred || false}
+          />
+        ))}
+      </Container>
+    );
+  };
+  return listType === 'grid' ? renderGridList() : renderRowList();
 };
 
 export default RepositoryList;

From 7693ee85fa66d918757ca6a100c4ceaf453ef131 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 15:47:45 -0300
Subject: [PATCH 55/63] CardRow integrated with redux

---
 src/components/CardRow/index.tsx | 21 ++++++++++++++++-----
 src/components/CardRow/styles.ts | 13 ++++++++++---
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index 261efd6..3903976 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -6,8 +6,11 @@ import { MdStarBorder, MdStar } from 'react-icons/md';
 import logo from '../../assets/logo.png';
 import ClayLabel from '@clayui/label';
 import DeleteModal from '../DeleteModal';
+import { useDispatch } from 'react-redux';
+import * as Actions from '../../redux/action/repository';
 
 interface Props {
+  id: string;
   name: string;
   stars: number;
   forks: number;
@@ -19,6 +22,7 @@ interface Props {
   language: string;
 }
 const Card: React.FC<Props> = ({
+  id,
   name,
   stars,
   forks,
@@ -29,16 +33,23 @@ const Card: React.FC<Props> = ({
   language,
   starred,
 }) => {
+  const dispatch = useDispatch();
+  function truncate(source: string, size: number): string {
+    return source.length > size ? source.slice(0, size - 1) + '…' : source;
+  }
   return (
     <div className="fluid">
       <ClayCard className="max-width">
         <CardHeader>
           <section>
             <img src={logo} width={40} height={40} />
-            <h4>{name}</h4>
+            <h4>{truncate(name, 70)}</h4>
           </section>
           <section id="btn-section">
-            <button type="button" onClick={() => console.log('start clicked')}>
+            <button
+              type="button"
+              onClick={() => dispatch(Actions.toggleFavortiteRepository(id))}
+            >
               {starred ? (
                 <MdStar size={23} color="#6B6C7E" />
               ) : (
@@ -82,10 +93,10 @@ const Card: React.FC<Props> = ({
                 License <span>{license}</span>
               </p>
             </li>
-            <li>
-              <ClayLabel displayType="warning">{language}</ClayLabel>
-            </li>
           </ul>
+          <ClayLabel displayType="warning" className="language">
+            {language}
+          </ClayLabel>
         </CardBody>
       </ClayCard>
     </div>
diff --git a/src/components/CardRow/styles.ts b/src/components/CardRow/styles.ts
index 99cf8f9..0385113 100644
--- a/src/components/CardRow/styles.ts
+++ b/src/components/CardRow/styles.ts
@@ -14,6 +14,8 @@ export const CardHeader = styled.div`
   section {
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
+    max-width: 90%;
   }
   #btn-section {
     margin-left: auto;
@@ -34,14 +36,16 @@ export const CardHeader = styled.div`
 `;
 
 export const CardBody = styled.div`
-  padding: 12px 16px;
+  padding: 12px 30px;
   display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
   ul {
     display: flex;
     flex-wrap: wrap;
-    max-width: 778px;
+    max-width: 90%;
     li {
-      margin-left: 30px;
       p {
         font-weight: 500;
         color: var(--secondary);
@@ -50,5 +54,8 @@ export const CardBody = styled.div`
         }
       }
     }
+    li + li {
+      margin-left: 30px;
+    }
   }
 `;

From 83e5b04ee22214cf25c35c914e23b25fdea0ba35 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 16:26:58 -0300
Subject: [PATCH 56/63] [Hotfix] Fixed id Type

---
 src/@types/repository.d.ts       | 2 +-
 src/components/Card/index.tsx    | 4 ++--
 src/components/CardRow/index.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/@types/repository.d.ts b/src/@types/repository.d.ts
index 4534dda..720eaf1 100644
--- a/src/@types/repository.d.ts
+++ b/src/@types/repository.d.ts
@@ -2,7 +2,7 @@ interface ILicense {
   name: string;
 }
 interface IRepository {
-  id: string;
+  id: number;
   full_name: string;
   stargazers_count: number;
   forks: number;
diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index a96f469..16a9d13 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -9,7 +9,7 @@ import DeleteModal from '../DeleteModal';
 import { useDispatch } from 'react-redux';
 import * as Actions from '../../redux/action/repository';
 interface Props {
-  id: string;
+  id: number;
   name: string;
   stars: number;
   forks: number;
@@ -55,7 +55,7 @@ const Card: React.FC<Props> = ({
                 <MdStarBorder size={23} color="#6B6C7E" />
               )}
             </button>
-            <DeleteModal />
+            <DeleteModal id={id} />
           </section>
         </CardHeader>
         <CardBody>
diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index 3903976..4a0fcfa 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -10,7 +10,7 @@ import { useDispatch } from 'react-redux';
 import * as Actions from '../../redux/action/repository';
 
 interface Props {
-  id: string;
+  id: number;
   name: string;
   stars: number;
   forks: number;
@@ -56,7 +56,7 @@ const Card: React.FC<Props> = ({
                 <MdStarBorder size={23} color="#6B6C7E" />
               )}
             </button>
-            <DeleteModal />
+            <DeleteModal id={id} />
           </section>
         </CardHeader>
         <CardBody>

From 376dcaf4db2e26948335b302951304cdb34e497d Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 16:27:56 -0300
Subject: [PATCH 57/63] Added Remove repository actions

---
 src/components/DeleteModal/index.tsx |  9 ++++++++-
 src/redux/action/repository.ts       | 15 ++++++++++++++-
 src/redux/reducer/repository.ts      | 24 +++++++++++++++++++++---
 3 files changed, 43 insertions(+), 5 deletions(-)

diff --git a/src/components/DeleteModal/index.tsx b/src/components/DeleteModal/index.tsx
index 0bb6f9b..9309588 100644
--- a/src/components/DeleteModal/index.tsx
+++ b/src/components/DeleteModal/index.tsx
@@ -4,8 +4,14 @@ import { Button } from './styles';
 import { FiTrash2, FiAlertTriangle } from 'react-icons/fi';
 import ClayModal, { useModal } from '@clayui/modal';
 import ClayButton from '@clayui/button';
+import { useDispatch } from 'react-redux';
+import * as Actions from '../../redux/action/repository';
+interface Props {
+  id: number;
+}
+const DeleteModal: React.FC<Props> = ({ id }) => {
+  const dispatch = useDispatch();
 
-const DeleteModal: React.FC = () => {
   const [visible, setVisible] = useState(false);
   const { observer, onClose } = useModal({
     onClose: () => setVisible(false),
@@ -33,6 +39,7 @@ const DeleteModal: React.FC = () => {
                 <ClayButton
                   className="btn btn-warning"
                   onClick={() => {
+                    dispatch(Actions.deleteRepository(id));
                     onClose();
                   }}
                 >
diff --git a/src/redux/action/repository.ts b/src/redux/action/repository.ts
index c604728..4d049a9 100644
--- a/src/redux/action/repository.ts
+++ b/src/redux/action/repository.ts
@@ -71,7 +71,20 @@ export const sort = (sortBy: Sort): FilterActionSort => {
   };
 };
 
-export const toggleFavortiteRepository = (id: string): SearchAction => {
+interface DeleteAction {
+  type: string;
+  payload: number;
+}
+
+type ToggleStarAction = DeleteAction;
+export const deleteRepository = (id: number): DeleteAction => {
+  return {
+    type: `${TEMPLATE_NAME}_REMOVE_REPOSITORY`,
+    payload: id,
+  };
+};
+
+export const toggleFavortiteRepository = (id: number): ToggleStarAction => {
   return {
     type: `${TEMPLATE_NAME}_TOGGLE_FAVORITE_REPOSITORY`,
     payload: id,
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index 3086892..9ad2681 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -28,7 +28,10 @@ interface SearchAction {
   type: string;
   payload: string;
 }
-
+interface DeleteAction {
+  type: string;
+  payload: number;
+}
 interface FilterStarAction {
   type: string;
   payload: boolean;
@@ -39,7 +42,8 @@ type Action =
   | ActionListRepositoriesSuccess
   | FilterActionSort
   | FilterStarAction
-  | SearchAction;
+  | SearchAction
+  | DeleteAction;
 
 const applyFilter = (arr: IRepository[], filter: Sort) => {
   if (filter) {
@@ -136,7 +140,7 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
       };
     }
     case `${TEMPLATE_NAME}_TOGGLE_FAVORITE_REPOSITORY`: {
-      const id = action.payload as string;
+      const id = action.payload as number;
       const [newFavouriteRepository] = state.data.filter(
         repo => repo.id === id,
       );
@@ -154,6 +158,20 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
         },
       };
     }
+    case `${TEMPLATE_NAME}_REMOVE_REPOSITORY`: {
+      const newData = state.data.filter(
+        repository => repository.id !== (action.payload as number),
+      );
+      const newFilterData = applyFilter(newData, state.filter.sortBy);
+      return {
+        ...state,
+        data: newData,
+        filter: {
+          ...state.filter,
+          data: newFilterData,
+        },
+      };
+    }
     case `${TEMPLATE_NAME}_CHANGE_LIST_TYPE`: {
       return {
         ...state,

From e0898b0f14446dbfc06ced263377f1c7546eacb4 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 18:02:07 -0300
Subject: [PATCH 58/63] Added Search Filter

---
 package.json                       |  2 ++
 src/components/CardRow/index.tsx   |  8 +++++---
 src/components/SearchBar/index.tsx | 23 +++++++++++++++++++++--
 src/redux/reducer/repository.ts    | 15 +++++++++++++--
 src/services/debounce.ts           | 15 +++++++++++++++
 yarn.lock                          | 17 +++++++++++++++++
 6 files changed, 73 insertions(+), 7 deletions(-)
 create mode 100644 src/services/debounce.ts

diff --git a/package.json b/package.json
index 53b4823..b620214 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@clayui/management-toolbar": "^3.3.0",
     "@clayui/modal": "^3.8.5",
     "axios": "^0.21.1",
+    "lodash.debounce": "^4.0.8",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-icons": "^4.2.0",
@@ -53,6 +54,7 @@
     "@testing-library/react": "^11.2.6",
     "@testing-library/user-event": "^12.1.10",
     "@types/jest": "^26.0.22",
+    "@types/lodash.debounce": "^4.0.6",
     "@types/mocha": "^8.2.2",
     "@types/node": "^14.14.37",
     "@types/react": "^17.0.0",
diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index 4a0fcfa..934131f 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -94,9 +94,11 @@ const Card: React.FC<Props> = ({
               </p>
             </li>
           </ul>
-          <ClayLabel displayType="warning" className="language">
-            {language}
-          </ClayLabel>
+          {language && (
+            <ClayLabel displayType="warning" className="language">
+              {language}
+            </ClayLabel>
+          )}
         </CardBody>
       </ClayCard>
     </div>
diff --git a/src/components/SearchBar/index.tsx b/src/components/SearchBar/index.tsx
index 6ee4640..96d4743 100644
--- a/src/components/SearchBar/index.tsx
+++ b/src/components/SearchBar/index.tsx
@@ -1,11 +1,28 @@
-import React from 'react';
+import React, { useState, useCallback } from 'react';
 
 import { Container, Button } from './style';
 import { ClayInput } from '@clayui/form';
 
 import ClayManagementToolbar from '@clayui/management-toolbar';
 import { FiSearch } from 'react-icons/fi';
+import debounce from 'lodash.debounce';
+import * as Actions from '../../redux/action/repository';
+import { useDispatch } from 'react-redux';
 const SearchBar: React.FC = () => {
+  const dispatch = useDispatch();
+  const [term, setTerm] = useState('');
+
+  const debounceSearch = useCallback(
+    debounce(value => {
+      dispatch(Actions.search(value));
+    }, 200),
+    [],
+  );
+
+  function onChangeTerm(value: string) {
+    setTerm(value);
+    debounceSearch(value);
+  }
   return (
     <Container>
       <ClayManagementToolbar>
@@ -18,9 +35,11 @@ const SearchBar: React.FC = () => {
                   className="form-control input-group-inset input-group-inset-after"
                   type="text"
                   placeholder="Search"
+                  onChange={e => onChangeTerm(e.target.value)}
+                  value={term}
                 />
                 <ClayInput.GroupInsetItem after tag="span">
-                  <Button type="button" onClick={() => console.log('SEARCHED')}>
+                  <Button type="button" onClick={() => debounceSearch(term)}>
                     <FiSearch color="#6B6C7E" />
                   </Button>
                 </ClayInput.GroupInsetItem>
diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index 9ad2681..f812f44 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -53,6 +53,18 @@ const applyFilter = (arr: IRepository[], filter: Sort) => {
   }
   return arr;
 };
+
+const applySearch = (term: string, state: IRepositoryState) => {
+  const data = applyFilter(state.data, state.filter.sortBy);
+  if (term) {
+    const searchedTerm = data.filter(repository =>
+      repository.full_name.includes(term),
+    );
+    return searchedTerm;
+  }
+  return data;
+};
+
 const reducer = (state = initialState(), action: Action): IRepositoryState => {
   switch (action.type) {
     case `${TEMPLATE_NAME}_PENDING`: {
@@ -101,8 +113,7 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
     }
     case `${TEMPLATE_NAME}_SEARCH`: {
       const term = action.payload as string;
-      const data = state.filter.data.filter(d => d.full_name.includes(term));
-      const newData = applyFilter(data, state.filter.sortBy);
+      const newData = applySearch(term, state);
       return {
         ...state,
         filter: {
diff --git a/src/services/debounce.ts b/src/services/debounce.ts
new file mode 100644
index 0000000..fd21cbb
--- /dev/null
+++ b/src/services/debounce.ts
@@ -0,0 +1,15 @@
+const debounce = <F extends (...args: any) => any>(
+  func: F,
+  waitFor: number,
+) => {
+  let timeout: NodeJS.Timeout;
+
+  const debounced = (...args: any) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func(...args), waitFor);
+  };
+
+  return debounced as (...args: Parameters<F>) => ReturnType<F>;
+};
+
+export default debounce;
diff --git a/yarn.lock b/yarn.lock
index 21a3e31..fd8b463 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1960,6 +1960,18 @@
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
 
+"@types/lodash.debounce@^4.0.6":
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/@types/lodash.debounce/-/lodash.debounce-4.0.6.tgz#c5a2326cd3efc46566c47e4c0aa248dc0ee57d60"
+  integrity sha512-4WTmnnhCfDvvuLMaF3KV4Qfki93KebocUF45msxhYyjMttZDQYzHkO639ohhk8+oco2cluAFL3t5+Jn4mleylQ==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.14.168"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.168.tgz#fe24632e79b7ade3f132891afff86caa5e5ce008"
+  integrity sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q==
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -7441,6 +7453,11 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
+
 lodash.isplainobject@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"

From 7b620b88b5397a62af6c388c56c4a0227ff07a26 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 18:22:35 -0300
Subject: [PATCH 59/63] Created Empty list component

---
 src/assets/emptyList.svg           |  9 +++++++++
 src/components/EmptyList/index.tsx | 16 ++++++++++++++++
 src/components/EmptyList/styles.ts | 21 +++++++++++++++++++++
 3 files changed, 46 insertions(+)
 create mode 100644 src/assets/emptyList.svg
 create mode 100644 src/components/EmptyList/index.tsx
 create mode 100644 src/components/EmptyList/styles.ts

diff --git a/src/assets/emptyList.svg b/src/assets/emptyList.svg
new file mode 100644
index 0000000..eae0bb6
--- /dev/null
+++ b/src/assets/emptyList.svg
@@ -0,0 +1,9 @@
+<svg width="250" height="250" viewBox="0 0 250 250" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="250" height="250" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0" transform="scale(0.004)"/>
+</pattern>
+<image id="image0" width="250" height="250" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/components/EmptyList/index.tsx b/src/components/EmptyList/index.tsx
new file mode 100644
index 0000000..97d6f6f
--- /dev/null
+++ b/src/components/EmptyList/index.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Container } from './styles';
+import emptyImg from '../../assets/emptyList.svg';
+
+const EmptyList: React.FC = () => {
+  return (
+    <Container>
+      <img src={emptyImg} />
+      <h4>There is still nothing here</h4>
+      <p>Add some repositories by clicking add new repository</p>
+    </Container>
+  );
+};
+
+export default EmptyList;
diff --git a/src/components/EmptyList/styles.ts b/src/components/EmptyList/styles.ts
new file mode 100644
index 0000000..e8b4768
--- /dev/null
+++ b/src/components/EmptyList/styles.ts
@@ -0,0 +1,21 @@
+import styled from 'styled-components';
+
+export const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  h4 {
+    margin-top: 40px;
+    font-size: 20px;
+    color: var(--dark);
+  }
+  p {
+    font-size: 16px;
+    line-height: 30px;
+    color: var(--secondary);
+    max-width: 340px;
+    text-align: center;
+  }
+`;

From ebfb11c4786924a90a17190eaedacd46a17b4705 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 18:22:47 -0300
Subject: [PATCH 60/63] Calling Empty list when there's nothing to show

---
 src/components/RepositoryList/index.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/RepositoryList/index.tsx b/src/components/RepositoryList/index.tsx
index bfd5aa4..9643c23 100644
--- a/src/components/RepositoryList/index.tsx
+++ b/src/components/RepositoryList/index.tsx
@@ -4,6 +4,7 @@ import { useSelector } from 'react-redux';
 import { Container } from './styles';
 import Card from '../Card';
 import CardRow from '../CardRow';
+import EmptyList from '../EmptyList';
 const RepositoryList: React.FC = () => {
   const listType = useSelector((state: State) => state.repository.listType);
   const repository = useSelector(
@@ -53,6 +54,11 @@ const RepositoryList: React.FC = () => {
       </Container>
     );
   };
+
+  if (repository.length === 0) {
+    return <EmptyList />;
+  }
+
   return listType === 'grid' ? renderGridList() : renderRowList();
 };
 

From d6728d9e57bdbee6bc2135b026ed229bcfdce794 Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 20:50:29 -0300
Subject: [PATCH 61/63] Added "Time ago" library

---
 package.json                     |  5 ++++-
 src/components/Card/index.tsx    |  6 ++++--
 src/components/CardRow/index.tsx |  6 ++++--
 yarn.lock                        | 15 +++++++++++++++
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index b620214..ab5bce5 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,10 @@
     "@clayui/loading-indicator": "^3.2.0",
     "@clayui/management-toolbar": "^3.3.0",
     "@clayui/modal": "^3.8.5",
+    "add": "^2.0.6",
     "axios": "^0.21.1",
     "lodash.debounce": "^4.0.8",
+    "moment": "^2.29.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-icons": "^4.2.0",
@@ -23,7 +25,8 @@
     "redux-thunk": "^2.3.0",
     "styled-components": "^5.2.3",
     "typescript": "^4.1.2",
-    "web-vitals": "^1.0.1"
+    "web-vitals": "^1.0.1",
+    "yarn": "^1.22.10"
   },
   "scripts": {
     "start": "react-scripts start",
diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
index 16a9d13..3142779 100644
--- a/src/components/Card/index.tsx
+++ b/src/components/Card/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import moment from 'moment';
 import { CardHeader, CardBody } from './styles';
 import ClayCard from '@clayui/card';
 import { MdStarBorder, MdStar } from 'react-icons/md';
@@ -79,12 +80,13 @@ const Card: React.FC<Props> = ({
             </li>
             <li>
               <p>
-                Age <span>{age}</span>
+                Age <span>{moment(new Date(age)).fromNow()}</span>
               </p>
             </li>
             <li>
               <p>
-                Last commit <span>{lastCommit}</span>
+                Last commit
+                <span>{moment(new Date(lastCommit)).fromNow()}</span>
               </p>
             </li>
             <li>
diff --git a/src/components/CardRow/index.tsx b/src/components/CardRow/index.tsx
index 934131f..648e4d2 100644
--- a/src/components/CardRow/index.tsx
+++ b/src/components/CardRow/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import moment from 'moment';
 import { CardHeader, CardBody } from './styles';
 import ClayCard from '@clayui/card';
 import { MdStarBorder, MdStar } from 'react-icons/md';
@@ -80,12 +81,13 @@ const Card: React.FC<Props> = ({
             </li>
             <li>
               <p>
-                Age <span>{age}</span>
+                Age <span>{moment(new Date(age)).fromNow()}</span>
               </p>
             </li>
             <li>
               <p>
-                Last commit <span>{lastCommit}</span>
+                Last commit
+                <span>{moment(new Date(lastCommit)).fromNow()}</span>
               </p>
             </li>
             <li>
diff --git a/yarn.lock b/yarn.lock
index fd8b463..c048f29 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2513,6 +2513,11 @@ acorn@^7.1.0, acorn@^7.1.1, acorn@^7.4.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+add@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/add/-/add-2.0.6.tgz#248f0a9f6e5a528ef2295dbeec30532130ae2235"
+  integrity sha1-JI8Kn25aUo7yKV2+7DBTITCuIjU=
+
 address@1.1.2, address@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
@@ -7818,6 +7823,11 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+moment@^2.29.1:
+  version "2.29.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
+  integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -12128,6 +12138,11 @@ yargs@^15.4.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.2"
 
+yarn@^1.22.10:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.22.10.tgz#c99daa06257c80f8fa2c3f1490724e394c26b18c"
+  integrity sha512-IanQGI9RRPAN87VGTF7zs2uxkSyQSrSPsju0COgbsKQOOXr5LtcVPeyXWgwVa0ywG3d8dg6kSYKGBuYK021qeA==
+
 yn@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"

From 79e97dd85d1c59440457290410b620b5cd2c5ace Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 20:57:18 -0300
Subject: [PATCH 62/63] [Hotfix] Fixed Filters problem

---
 src/redux/reducer/repository.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/redux/reducer/repository.ts b/src/redux/reducer/repository.ts
index f812f44..f8cfe7e 100644
--- a/src/redux/reducer/repository.ts
+++ b/src/redux/reducer/repository.ts
@@ -152,20 +152,19 @@ const reducer = (state = initialState(), action: Action): IRepositoryState => {
     }
     case `${TEMPLATE_NAME}_TOGGLE_FAVORITE_REPOSITORY`: {
       const id = action.payload as number;
-      const [newFavouriteRepository] = state.data.filter(
+      const [newFavouriteRepository] = state.filter.data.filter(
         repo => repo.id === id,
       );
       newFavouriteRepository.starred = !newFavouriteRepository.starred;
-      const newData = state.data.map(repo =>
+      const newData = state.filter.data.map(repo =>
         repo.id === id ? newFavouriteRepository : repo,
       );
-      const newFilterData = applyFilter(newData, state.filter.sortBy);
+
       return {
         ...state,
-        data: newData,
         filter: {
           ...state.filter,
-          data: newFilterData,
+          data: newData,
         },
       };
     }

From cf355cbaf626cebe25025c5978fbf99df40cd44d Mon Sep 17 00:00:00 2001
From: Filipe Melo <filipemelo032@gmail.com>
Date: Tue, 13 Apr 2021 23:07:41 -0300
Subject: [PATCH 63/63] Documentation finished

---
 README.md                        |  96 ++++++++++++++++++++++++-------
 public/favicon.ico               | Bin 3870 -> 3636 bytes
 public/index.html                |  26 +--------
 public/logo192.png               | Bin 5347 -> 3087 bytes
 public/logo512.png               | Bin 9664 -> 3087 bytes
 public/manifest.json             |  25 --------
 public/robots.txt                |   3 -
 src/components/CardRow/styles.ts |   3 +-
 8 files changed, 79 insertions(+), 74 deletions(-)
 delete mode 100644 public/manifest.json
 delete mode 100644 public/robots.txt

diff --git a/README.md b/README.md
index b58e0af..feb6876 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,31 @@
-# Getting Started with Create React App
 
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+# [🐙Github Compare](https://github.com/filipemelo2002/github-compare)
+Github Compare is a web application that allows users to show comparisons of repositories selected by them on Github.
 
-## Available Scripts
+This App uses github [**GitHub API V3**](https://docs.github.com/en/rest) 
 
-In the project directory, you can run:
+## 📦 Packages
+### Configuration
+* [ESlint](https://eslint.org/)
+* [Prettier](https://prettier.io/)
+* [Typescript](https://www.typescriptlang.org/)
+### CSS
+*  [ClayUI](https://clayui.com/)
+* [styled-components](https://styled-components.com/) 
+## Tests
+* [Jest](https://jestjs.io/)
+* [Testing Library](https://testing-library.com/)
 
-### `yarn start`
+## ⚙️Getting started
+
+
+Clone this project and install the dependencies:
+```bash
+git clone https://github.com/filipemelo2002/github-compare.git
+cd github-compare
+npm install # or yarn install
+```
+### `npm run start`
 
 Runs the app in the development mode.\
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
@@ -29,18 +48,55 @@ Your app is ready to be deployed!
 
 See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
 
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
+## 📸Screenshots
+![Screenshot github-compare](https://i.imgur.com/N8J3cdz.png)
+
+![Screenshot github-compare](https://i.imgur.com/RKhMNqE.png)
+
+![Screenshot github-compare](https://i.imgur.com/xE6loky.png)
+
+![Screenshot github-compare](https://i.imgur.com/gBXkS8p.png)
+
+![Screenshot github-compare](https://i.imgur.com/Q3AjysV.png)
+
+## 🧑‍🏭Architecture
+Below, you can see how the files are organized:
+```bash
+github-compare/
+┣ public/
+┃ ┣ favicon.ico
+┃ ┣ index.html
+┃ ┣ logo192.png
+┃ ┗ logo512.png
+┣ src/
+┃ ┣ @types/
+┃ ┣ __tests__/
+┃ ┣ api/
+┃ ┣ assets/
+┃ ┣ components/
+┃ ┣ pages/
+┃ ┣ redux/
+┃ ┣ services/
+┃ ┣ styles/
+┃ ┣ App.tsx
+┃ ┣ index.tsx
+┃ ┗ react-app-env.d.ts
+┣ .eslintrc.json
+┣ .gitignore
+┣ .prettierrc
+┣ README.md
+┣ package.json
+┣ tsconfig.json
+┗ yarn.lock
+```
+### Components
+Are inside components folder and each of them work individually.
+
+### Pages
+currently, there's only one page, Home, which is responsible for rendering all components.
+
+### Tests
+Are declared inside *\_\_tests\_\_* folder.
+
+## 📃 License
+The MIT License (MIT)
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index a11777cc471a4344702741ab1c8a588998b1311a..d4d51ffa31392d73c7db2c45f30a8d7780455ac0 100644
GIT binary patch
literal 3636
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
Y#`{CqHmS-__l`C_YiU$+`dZBY0rE-cEC2ui

literal 3870
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
baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@

diff --git a/public/index.html b/public/index.html
index aa069f2..711f256 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,34 +10,10 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
+    <title>Github Compare</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/public/logo192.png b/public/logo192.png
index fc44b0a3796c0e0a64c3d858ca038bd4570465d9..bb17c8b5caea2a468c9fec8c6363e0c194e71675 100644
GIT binary patch
literal 3087
zcmeHJc~H|y8vP}q00k3{EpZe=JW6B)MMQ#f1w{@EMF$WCBBv_?F(QU25CV80B7!@!
z9J;{FATSsSAV-u;5@kRb!y#f44nsILAmjof2_%GU)S0Q>+GT2st^IHQ=&G-}`>XEv
z_3QV(tmDT#*R9>S765>C-d^rs0RSlP<IvUC%%m~wI{`qC?d|U7f8}pN?uiSV@Dc5^
zYW=Ee!=HfMZ=Kz&x9(Q@PihYue{=Koq`gJQgw`<_!aW(nLv#sV+OUlMkvl?79gKb^
zx<zKsM-+Q458PK5N*A59?Itoo4x!NU6ACZ@0)Y@)5P-XuR@$vJz`)P|*a8Nl+)=<S
zU0uNNkH!DK2pvDp1H;(55bF!C#0{MaqGh?$u5!3UoghHlq~R>N0hatHZ@Iai)a5qC
zSQIzuPwF3HozocduxAHKx|ocDpn?pLx`x_+ftRA37=r~?7tA2RwnkWqgJSOJ)HJbS
z7+l7}@ysx<C}OXdZYYm1BB!@!8iuxPuckadHxfft@pt04iWWB~MZyY*SFPYPZg<bs
z6BVPQ3>80Ku-R`C`fxKIK6Bz-mfdzlj#WOXZT>O272@)W)!XDayZ4@b$_-Y>(NMY}
zY$3WGDV;kiF!bX?AEr|nj~q$rz9b#f+ag&3Px)o+6)|dKVOL5-hVOZ{s=J1P9DzoK
zVN2zOEH#D(fp#jQhg8Eo2XFE<(@2%LVP4w-r6;K#UDNTpnL->|yYTi$inayf8VR17
zkvvM<X9xPCB$RtYsR?Z~A){7L{!?;n*y@=mWkaIB%_ot0E)TF11%m9a=LzQG-T`JG
zMpTODnyGW+WrTMw8@xD4&)+&ZB?ml!{=lD(<`nD4k0x^>o&|--aX7)@*K~Qal%ADL
zSZ>{iLD5_87Y>T(aK#vf;`(PEwv;P7pd6Nvm0@0B+dZzO#KrGfb(0Sk`IwqI35R>u
zT;ChD!6(~SY~JFsV6%EGD`)0qowf?hW^YQ(Cd@1v<Yf(XB6EYylpk>por&btP?;_p
z{*vb7Q(Z3!PPsj7o)D~<q|mzQa;o6dLeFg1V>0~|RC+#<IGS9$G&Q9mMDtg7B{ROl
zWY1cdc3&ghW*@BQ42!*K<T%ZRICkG2fnP~2?p+mt?2a=7IM~uIq?9?|_OpTxlfM`8
zr<!CvRPkL{OAdk8zn`ezdI$-LT}Fgk2YOP)QMdG%)b&i(SaS_2c(-jN51DA}N`!AS
z&9AB5UXe(x$)rCOigE|!L+2>83qs|~?#0M|tM?a5dR@Y@2CGfs`qDeDt^M+xVky#j
z<;tyI=6<U=^V1>id0J5s_R_BLlkKUOWpf{zICnmS^hRy3U=PTxUCPC|&#YC_p)*Js
zA#!qQ&o)p|$@qiQXhNOoMBmtQ%UsxEU!UMK8dq-08!i1MyCT*(ECyaedsK~l{$0{%
z{)tx<<=<y}x>K~hOsYBER3FCGf4q3@dSi&0sQK&7yR0NZ8vY3AWEW+2XMYc`U(VeN
zGlDV$PZ|4Bxtv3xAu?IJP${baE>~HVqgu)#m}eeFZJ(Hw?hb7@AWPZHh{Fke&k858
zLZyQhxFswo#nxq8q$@F!*IsF{5>NgYS1BrNyVMv>8%_8H(RxskMu((NS#{>cG$+hI
z-^O-NV>cZ;Yl$OvVx~%Agm=D}UoUFw+>WeoRz&RYtZY-=;J=uwtmM=;PaoM2A1jo{
zecpvY3qXF-8DRj127<B#QVa5V$R(YXtg(m!2h_hKIOf;uCF8Pq8>h>AZD2;j-{+Ic
z(0JR{8xnLjKPH~bVO5*BDTf8!N^z0SnoRyqE06L|)L#(&O8w8j7Mh)A^W}e#8qKqe
z)C8qmQX9zj*#AFhZ{TrOV{Jj$1#8(0o~~}$lOimfazIvAUr<S*y`+cY3kas`LE-)}
z#RT4%--qSGp*OA!5l%+qq2=+Xw653frx&qUCd_b`F7fUZSiY+>t%Ma2_-fW{Ig23C
zmBpi)*^r8f(E-w662$ZoXVN#MPy6rC)psRPR|IUx2<j?!oe%0Jo|Occ?vPZcujzO`
zO<uwa)?F-YX0r7vJW$$f9GBQQ4CqveQ{$Y&W3-~eJgIXn_{NzjGm*li8tIdhrXNR$
zf3l0Jm}EPS)Lu5h@`Ck`pf>iim#G?E%!{L7=@?r0ZLNptNE3@dbd`EQW0e`I<f*PU
z^Cj(*5b&Fhlp%H1Nk*csd3iobm0UG{r^+bLgKc6V;F6U`+!6jvR-&94m@4bNn`ZYx
zMtVFjk-G(K9<44Jz%0Kfk(xBc*};Et3HMGupGn^N(eU4^=DQC$4JPQ=f|ZW<c%o)w
z*Hf9iCStCsCY;@%gGX$wXKX6!nl3$JsUA$yyK~T5@P_4zrEqv_+Mnuncv)-w|0u)J
z8ZB@5X0E3^fBel~4-3#2CBxcfAvD#{Nt}GVmrNYh;R6>@OZuySh(9v_rMp&}0DxNU
Yp22QOKYMLf)93@<hmX0F4~Av@0|Onr1^@s6

literal 5347
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
X@eDJUQo;Ye2mwlRs<JiGX2Jghdw)}T

diff --git a/public/logo512.png b/public/logo512.png
index a4e47a6545bc15971f8f63fba70e4013df88a664..bb17c8b5caea2a468c9fec8c6363e0c194e71675 100644
GIT binary patch
literal 3087
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
Yp22QOKYMLf)93@<hmX0F4~Av@0|Onr1^@s6

literal 9664
zcmYj%RZtvEu=T>?y0|+_a0zY+Zo%Dkae}+MySoIppb75o?vUW_?)>@g{U2`ERQIXV
zeY$JrWnMZ$QC<=ii4X|@0H8`si75jB(ElJb00H<f^p#K#{|oMlvZ~_$qS5Nh{~rCn
zA4Y5cVZ*go<F$|f$hFu1n6>AB%>SlLR{!zO|C9P3zxw_U8?1d8uRZ=({Ga4shyN}3
zAK}WA(ds|``G4jA)9}Bt2Hy0+f3rV1E6b|@?hpGA=PI&r8)ah|)I2s(P5Ic*Ndhn^
z*T&j@gbCTv7+8rpYbR^Ty}1AY)YH;p!m948r#%7x^Z@_-w{pDl|1S4`EM3n_PaXvK
z1JF)E3qy$qTj5Xs{jU9k=y%SQ0>8E$;x?p9ayU0bZZeo{5Z@&FKX>}s!0+^>C^D#z
z>xsCPvxD3Z=dP}TTOSJhNTPyVt14VCQ9MQFN`rn!c&_p?&4<5_PGm4a;WS&1(!qKE
z_H$;dDdiPQ!F_gsN`2>`X}$I=B;={R8%L~`>RyKcS$72ai$!2>d(YkciA^J0@X%G4
z4cu!%Ps~2JuJ8ex`&;Fa0NQOq_nDZ&X;^A=oc1&f#3P1(!5il>6?uK4QpEG8z0Rhu
zvBJ+A9RV?z%v?!$=(vcH?*;vRs*+PPbOQ3cdPr5=tOc<a-ro?Zc5la+tVgj!hwG^F
z4*)z+Dj6T#D>Lqmfx@#hOqX0iN)wTTO21jH<>jpmwRIAGw7`a|sl?9y9zRBh>(_%|
zF?h|P7}~RKj?HR+q|4U`CjRmV-$mLW>MScKnNXiv{vD3&2@*u)-6P@h0A`eeZ7}71
zK(w%@R<4lLt`O7fs1E)$5iGb~fPfJ?WxhY7c3Q>T-w#wT&zW522pH-B%r5v#5y^CF
zcC30Se|`D2mY$hAlIULL%-PNXgbbpRHgn<&X3N9W!@BUk@9g*P5mz-YnZBb*-$zMM
z7Qq}ic0mR8n{^L|=+diODdV}Q!gwr?y+2m=3HWwMq4z)DqYVg0J~^}-%7rMR@S1;9
z7GFj6K}i32X;3*$SmzB&HW{PJ55kT+EI#SsZf}<HMwvFaF@TTvjK|r2I5vs2LpffL
z{Bv!nm|BcMhd{9tj}v>bD7nW^Haf}_gXciYKX{QBxIPSx2<c3y_W_ueW=lkplo6_C
z4pVF;!S-6Ziu|Mq`r%r``(lz68Cu3J#n^oDot`%+UFGP6#%tPM4xaP$n-~x$9>Ma?
zHQqgzZq!_{&zg{yxqv3xq8YV+`S}F6A>Gtl39_m;K4dA{pP$BW0oIXJ>jEQ!2V3A2
zdpoTxG&V=(?^q?ZTj2ZUpDUdMb)T?E$}CI>r@}PFPWD9@*%V6;4Ag>D#h>!s)=$0R
zRXvdkZ%|c}ubej`jl?cS$onl9Tw52rBKT)kgyw~Xy%z62Lr%V6Y=f?2)J|bZJ5(Wx
zmji`O;_B+*X@qe-#~`HFP<{8$w@z4@&`q^Q-Zk8JG3>WalhnW1cvnoVw>*R@c&|o8
zZ%w!{Z+M<tG%{r@|BA#vF#4bf!f++tPT5ym8X91BldH}+AI}Y|vX0!&r;lt@eS^lN
zvg`OBp>HeZ*OE4v<xX`%2$O4;S;&Cbv04cU5}9n7>*otkZqz11*s!#s^Gq>+o`8Z5
z^i-qzJLJh9!W-<EsXOxneQlPdVDePK)>;SmFkR<yAIkG=KFv={m{2U06G>8HEZ<d@
zt-Mk%C6JOyyG;Tv=hp@FaMRsh9p2N;-8nqS(z2KtL@(7nZSC(RXHEa2p`gB`jgK!f
zO!Zy))*;8CLtHznXwkD}e&!X(!hBWIP31$_mJ0Qb0%nbgBTMCL4HMpFsK&}NkusiS
z)A#t)!I!l!vB<6_T!LTOk!S`bCf_JCqRZ0G)JH4uX@iT41bzV2n&>JWiXk$40i6)7
zZpr=k2lp}SasbM*Nbn3j$sn0;rUI;%EDbi7T1ZI4qL6PNNM2Y%6{LMIKW+FY_yF3)
zSKQ2<Ya(Kkoy=zdC9*YK)(E7vJkX5gaF83}z?|lmq+>QSujzNMSL2r&bYs`|i2Dnn
z=>}c0>a}>|uT!IiMOA~pVT~R@bGlm}Edf}Kq0?*Af6#mW9f9!}RjW7om0c9Qlp;yK
z)=XQs(|<cGut0+-L3r!cqm1tE6>6GCadQbWIhYF=rf{Y)sj%^Id-ARO0=O^Ad;Ph+
z0?$eE1xhH?{T$QI>0JP75`r)U_$#%K1^BQ8z#uciKf(C701&RyLQWBUp*Q7eyn76}
z6JHpC9}R$J#(R0cDCkXoFSp;j6{x{b&0yE@P7{;pCEpKjS(+1RQy38`=&Yxo%F=3y
zCPeefABp34U-s?WmU#JJw2<Hy#VJPjU_z!blTTddQRvmJ;M1^SwGhk9F3L!VYgE2}
z!hN4|O@-;WQ~A8Ac|siS)QeHnw6sA2IkoVrt&@Qs%P6~@n5!6r8e%GfaPU^w9TIM(
z+qX(?1}UGxDSvKVX1LW8iFMjeq>3dcC{sPPFc2#J$ZgEN%zod}J~8dLm*fx9f6SpO
zn^Ww3bt9-r0XaT2a@Wpw;C23XM}7_14#%QpubrIw5aZtP+CqIFmsG4`Cm6rfxl9n5
z7=r2C-+lM2AB9X0T_`?EW&Byv<FnI6caTN5D)MUOu9(rjGJ}|99fVRv!X=m8I|ntE
zJ6XpQP1)X(+6SBV*7)9sgp(5zk-^p1E@|<-2^-l-ZW#Kj|IJ&(K=R75?+0Sn{(BV|
z)<!{Xjk+B_tZ!}_{^w<QMOVpX(FpR#8=7_$7TdAfPyiOWZvo8WTqZv}@;S*lPA$Rs
zn+2BOVa?j7wIw`|@yC+YqijL$-?j$YqnBw9uWnNX<bc*#<Sqv}z=}R0au2Xj__+Xc
z|5Zi<%3X($k`eB4OfoyCoJfrfsnP_(kI)~k#Slp5==?)J^f|>&K?HS4QLoylJ|OAF
z`8atBNTzJ&AQ<Z&$gy`^x^JOg-uapGljHB_jawUn+lOR$Lal;{U)TVO@l6XlAhXvf
z&}RhuqQ7a6<jLsJ0)_9Tl`lObK+u8*wmYdM+gnW=+v~Cg={2^r6A-TFvKP$LTFKFk
zC%VN!ZkZ6V>!>sOo$?^0xj~D(;kS$`9zbEGd>f6r`NC3X`tX)sWgWUUOQ7w=$TO<q
zW~{Euy_99}%58ATz~`-F(jnUkM{m~L{o=;3Hl9hX$s(cq;5cRA92lsb@Jg~cz*VaL
zt36Y*Oe?E>&*j;=u%25ay-%>3@81tGe^_z*C7pb9y*Ed^H3t$BIKH2o+olp#$q;)_
zfpjCb_^VFg5fU~K)nf*d*r@BCC>UZ!0&b?AGk_jTPXaSnCuW110wjHPPe^9R^;jo3
zwvzTl)C`Zl5}O2}3lec=hZ*$JnkW#7enKKc)(pM${_$9Hc=Sr_A9Biwe*Y=T?~1CK
z6eZ9uPICjy-sMGbZl$yQmpB&`ouS8v{58__t0$JP%i3R&%QR<t`@HqaIe3AGzxCPH
z06(XDO&~Ok$=UP%vG;P&hu?hEJ29wAaM6E!HZ0R;x8r*qHy+!hZxDYg-KGZI`{P_}
zY{dHlfnW6S)?CPAP)zp_!xelMRGuAo@t@!gSdowYtvHr8K9WNNw}a|TzE-87F!WRs
z-#;HoNH5O`b&7Kri+=ag7)^^;3^1?o2Q2qw@}+ZE%fAQU-nq{%`+R|B7FhGK+M!Fl
z2ZyeAFYON2o9at)@lQt2WoWTyBs<V9RDa+*;620gC9bv{?izYvGuFv(YU1!YDK{kN
zfuajP^aW|>3ianbZqDs<2#5FdN@n5bCn^ZtH992~5k(eA|8|@G9u`wdn7bnpg|@{m
z^d6Y`*$Zf2Xr&|g%sai#5}Syvv(>Jnx&EM7-|Jr7!M~zdAyjt*xl;OLhvW-a%H1m0
z*x5*nb=R5u><7lyVpN<INnH%~Yw@M#U6Pu*P(p=#E`62!G$HpM^Fj^SgYNx!W^2fr
zkI!m)izx6Dlg78SlE~FIDdEd}c|raeMkO<=|63PClZI~^epYjlJD}Z`<%|7DCiNUv
zG)@)s+cUFWM~QdlNaB)J5z`+Rh!K6;Qjn|xbp*GZE8Oc@gJVh~Yk^QNmM<N`7=nyt
z^&xA|=4HLov%ZKEejPsm{k;ktCe=zCR9B1@0wmg_efnHnX;*=is!NwZ>AR?q@1U59
zO+)QW<j~4qKP_fJbKV#dkbk5|s_=T+xd;<8uKpNiftfsnY^b*vkT2H1%VS`S<#uK|
zjNMI3R($QKsX+O9r(;Z277$LfqVgbuD{2wsZBsx#6p~V;+BiVs555-sk`S_(uZ4+h
z)<$QI#xEv`Eka6DmEWW&rUOf*Vo9$F6`G&Jq7J`r0+jS%Qxqc#v^D*NyEI1gB}|q!
z)+rEYS;WOK<Wz?e_Z2Q0;QX0^^7`!HvIf7)1y?Hoj9S$VrgX{Ye9I!Bx85oCC)?4z
zjdu{7tR8-C2~=B$IqnW+8OcPpDJW2wE_8+TYdyClF#Az`1L!6t9*pZdLVY;p<yBtF
zOm~+y=m;=-2Tc+I$K4se0R$L&IWm@H&UYad(l8Y*q?01q-iww`%aiBbF149`>wL8t
zyip?u_nI+K$uh{<eXaA|n3IG+8OrGZ)9HGA&^RJ{Jd9>y)~}qj?(w0&=SE^8`_WMM
zTybjG=999h38Yes7}-4*LJ7H)UE8{mE(6;8voE+TYY%33A>S6`G_95^5QHNTo_;Ao
ztIQIZ_}49%{8|=O;isBZ?=7kfdF8_@azfoTd+hEJKWE!)$)N%HIe2cplaK`ry#=pV
z0q{9w-`i0h@!R8K3GC{ivt{70IWG`EP<iX3`qZ%H^f(R!@OED}+3u4g7{Xr9UwpnK
zTOD@;FUScIf-f4;fF&{6twOyC0W6O!P4PKEm%fJY7_abkr=vB+O94OwvhK{ZP6_!?
z<iuvlT@!faRAoB1`yY6GRfnc*q1!>|(1g7i_Q<>aEAT{5(<ns<#%dS?L`x`En%)Ut
z{nCo<KWFUh<S<CDmdO|;fv7JLuUS7^E}0ijJVb)Q<0jWOI=_FiCK24AD%G{4e$NQd
zWv*R@_2{PvzvNMu@Y3QBNJJKAzFJ33r_h+}NP7l{uwC<5(0xcl0^=Em4$LS-ZF-5D
zMD(oR`sZ*UYIe*BY*c~7#G1SLTv3VfBTd_C@@TBwsuESuxm7Y0Uf&u{$l-}_?d>yD
z=!O?kq61VegV+st@XCw475j6vS)_z@efuqQgHQR1T4;|-#OLZNQJPV4k$AX1Uk8Lm
z{N*b*ia=I+MB}kWpupJ~>!C@xEN#Wa7V+7{m4j8c?)ChV=D?o~sjT?0C_AQ<J}v#S
zq&&10i;k!wZ0^l<H$PM2AS4v2B7le67PsGi3{5cEJvQTXYQd9$TA$ATXW$sERJFH|
zUFQmh;BXn<X&*(eK7*8b7K+8>7B-vxqX30s0I_`2$in86#`mAsT-w?j{&AL@B3$;P
z31G4(lV|b}uSD<Q-$cmmD#5!{N;ON{%=s}<yxrxZp;&F{OtN|&Osm7~f0ORXV+M%%
zhys!Gh~U9xxTSrb2pKtcmi71qF!D2BtUcc1(uP<LQ-4B<(+;>CIrjk+M1R!X7s<hT
z2KXhB-@~*Z#DnL&I)I4&$X=6)^|><DE!Cgw9m@wB3B0oPTj6$<u_@p0qZd2rpQY_#
zEFr4$jqoGqJSybV){Dvrnb_tOoKmSO#70t@P~q_L%<9+Qb(JW|nv0-SWLrjEuZTVs
z44b8p8-&PiM|E?GM`){f%M?C9*dLm28~DlBW?*4ua4H+nWN_%3iNC_(B+k``Oazc8
z83kgJUNcy2CKRR@Pn1$!R|+BC1lz16vh1Y$6BfKm&WMiaUzg^B!!Zp$xNrq{)ln-H
zcg5u<qf>4Aabn<)zpgT}#gE|mIvV38^ODy@<&yflpCwS#fRf9ZX3lPV_?8@C5)A;T
zqmouFLFk;qIs4rA=hh=GL~sCFsXHsqO6_y~*AFt93<ymU#4-U}YQ)Pa*UpuA%os{2
z&>9UYVBSx1s(=Kb&5;j7cSowdE;7()CC2|-i9Zz+_BIw8#ll~-tyH?F3{%`QCsY<I
zU5z8T?uMPvp*VYrm~~t-K+6Pgjku>a*b#s*9iCc`1P1oC26?`g<9))EJ3%xz+O!B3
zZ7$j~To)C@PquR>a1+Dh>-a%IvH_Y7^ys|4o?E%3`I&ADXfC8++hAdZfzIT#%C+Jz
z1lU~K_vAm0m8Qk}K$F>|<CsjNZ*?_o$*ZsW3W*ZecdNs4Im>>RPK%<1SI0(G+8q~H
zAsjezyP+u!Se4q3GW)`h`NPSRlMoBjCzNPesWJwVTY!o@G8=(6I%4XHGaSiS3MEBK
zhgGFv6Jc>L$4jVE!I?TQuwvz_%CyO!bLh94nqK11C2W$*aa2ueGopG8DnBICVUORP
zgytv#)49fVXDaR$SukloYC3u7#5H)}1K21=?DKj^U)8G;MS)&Op)g^zR2($<>C*zW
z;X7`hLxiIO#J`ANdyAOJle4V%ppa*(+0i3w;8i*BA_;u8gOO6)MY`ueq7stBMJTB;
z-a0R>hT<!E*EnpUxAxCvwvo$2Z}nSc&KEBz0q7{Fm>*}>z|Gg}@^zDL1MrH+2hsR8
zHc}*9IvuQC^Ju)^#Y{fOr(96rQNPNhxc;mH@W*m206>Lo<*SaaH?~8zg&f&%YiOEG
zGiz?*CP>Bci}!WiS=zj#K5I}>DtpregpP_tfZtPa(N<%vo^#WCQ5BTv0vr%Z{)0q+
z)RbfHktUm|lg&U3YM%lMUM(f<ok0JPn&g&>u}i#kjX9h>GYctkx9Mt_8{@s%!K_EI
zScgwy6%_fR?CG<BS|7E|e1Uiu+4N|3CP*{mA6E>JQtmgNAj^h9B#zma<L`GR52{?r
zw=yYEhBrx2I7mEv4WBN$tAM7|KP9m=OTPk^73y)|tA#lJ(mG>MDWgH55pGuY1Gv7D
z;8Psm(vEPiwn#MgJYu4Ty9D|h!?Rj0ddE|&L3S{IP%H4^N!m`60ZwZw^;eg4sk6K{
ziA^`Sbl_4~f&Oo%n;8Ye(tiAdlZKI!Z=|j$5hS|D$bDJ}p{gh$KN&JZYLUjv4h{NY
zBJ>X9z<S-$t-=L{3#MCguo5ug^BN(csELHS6D1V)g#mO1+{f#R(F2A;Jtz>!xfDGY
z+oh_Z&_e#Q(-}>ssZfm=j$D&4W4FNy&-kAO1~#3Im;F)Nwe{(*75(p=P^VI?X<FsK
z+mujv723Y8RTh-aX#a)Qm;PXW^W`h>0GFakfh+X-px4a%Uw@fSbmp9hM1_~R>?Z8+
ziy|e9>8V*`OP}4x5JjdWp}7eX;lVxp5qS}<UzbgS%F%qxg|}u`F%N~wbUq7r3Tq2N
z`L+(4<Yw>0YZek;SNmm7tEeSF*-dI)6U-A%m6YvCgM(}_=k#a6o^%-K4{`B1+}O4x
zztDT%hVb;v#?j`lTvlFQ3aV#zkX=7<v0Xt+SO4-V7;S>;YFLS$uIzb0E3lozs5`Xy
zi~vF+%{z9uLjKvKPhP%x5f<NLNK1Zu_hJxLjLK{w;{*>~7-Gj+%5N`%^=yk*Qn{`>
z;xj&ROY6g`iy2a@{O)V(jk&8#hHACVDXey5a+KDod_Z&}kHM}xt7}Md@pil{2x7E~
zL$k^d2@Ec2XskjrN+IILw;#7((abu;OJii&v3?60x>d_Ma(onIPtcVnX@ELF0aL?T
zSmWiL3(dOFkt!x=1O!_0n(cAzZW+3nHJ{2S>tgSK?~cF<W~g{Uk=X^%saR^iO2-=d
zF*rKVVAPU1W>ha^y(l@-Mr2W$%MN{#af8J;V*>hdq!gx=d0h$T7l}>91Wh07)9CTX
zh2_ZdQCyFOQ)l(}gft0UZ<Qo&@`u@GIyo^7BB;_Jrh>G`Sh2`x-w`5vC2UD}lZs*5
zG76$akzn}Xi))L3oGJ75#pcN=cX3!=57$Ha=hQ2^lwdyU#a}4JJOz6ddR%zae%#4&
za)bFj)z=YQela(F#Y|Q#dp}PJghITwXouVaMq$BM?K%cXn9^Y@g43$=O)F&ZlOUom
zJiad#dea;-eywBA@e&D6Pdso1?2^(pXiN91?jvcaUyYoKUmvl5G9e$W!okWe*@a<^
z8cQQ6cNSf+UPDx%?_G4a<m)UKh(R<crXCvksf8T4MGW_VPMHrJGOqh#<rdAK%kV`|
zqLv2C)0Oba2mQ50>IiybZHHagF{<S-4D+!Tsu-gt1o$)JW!(&V?v-lI1Lv(lQE6R!
zWjXrkjWX-&v!bw*7_u$ws?*dOF^}ann%C)lp)v!U?&S&S%`~VL={@<rBH$gl7F=4D
zs%B$Bo06T#CB)!Sf;LI9_<<tT&#Jv^`mC8{I3pWeU7jyQ0gh;9%B>;IcD(dPO!#=u
zWfqLcPc^+7Uu#l(B<Qg-R1c!j-uotKRCgB)MF*8IZpiA>pxft{*4lv#*u7X9AOzDO
z1D9?^jIo}?%iz(_dwLa{ex#T}76ZfN_Z-hwpus9y+4xaUu9cX}&P{XrZVWE{1^0yw
zO;YhLEW!pJcbCt3L8~a7>jsaN{V3>tz6_7`&pi%GxZ=V3?3K^<rn`e8a7?eZI-TG+
z{hR_I;2c?$BM1)pjP2l@7#6U3^o=*9Hsp__;N;$8F&5@Ghp#>U+*ryLSb)8^IblJ0
zSRLNDvIxt)S}g30?s_3NX>F?NKIGrG_zB9@Z>uSW3k2es_H2kU;Rnn%j5qP)!XHKE
zPB2mHP~tLCg4K_vH$xv`HbRsJwbZMUV(t=ez;Ec(vyHH)FbfLg`c61I$W_uBB>i^r
z&{_P;369-&>23R%qNIULe=1~T$(DA`ev*EWZ6j(B$(te}x1WvmIll21zvygkS%vwG
zzkR6Z#RKA2!z!C%M!O>!=Gr0(J0FP=-MN=5t-Ir)of50y10W}j`GtRCsXBakrKtG&
zazmITDJMA0C51&BnLY)SY9r)NVTMs);1<=oosS9g31l{4ztjD3#+2H7u_|66b|_*O
z;Qk6nalpqdHOjx|K&vUS_6ITgGll;TdaN*ta=M_YtyC)I9Tmr~VaPrH2q<HCA^;;b
zni;6_t9t~p5;T0mX`UW-c?4TAiadb)6}vsp``(hz(}(&x4ab<TyrI|$niD$NiTl-b
zJt9ixO#S|?KYH3Eadm4D8|NzLhAY993hoQanUS>b6sd~=AcIxV+%z{E&0@y=DPArw
zdV7z(G1hBx7hd{>(cr43^WF%4Y@PXZ?wPpj{OQ#tvc$pABJbvPGvdR`cAtHn)cSEV
zrpu}1tJwQ3y!mSmH*uz*x0o|CS<^w%&KJzsj~DU0cLQUxk5B!hWE>aBkjJle8z~;s
z-!A=($+}Jq_BTK5^B!`R>!MulZN)F=iXXeUd0w5lUsE5VP*H*oCy(<w;IZ?{Pso`R
z;9tSfBWDPpv(ru@ok6#>;?S$p*TVvTxwAeWFB$jHyb0593)$zqalVlDX=GcCN1gU0
zlgU)I$LcXZ8Oyc2TZYTPu@-;7<4YYB-``Qa;IDcvydIA$%kHhJKV^m*-<Eu89DD6r
z$hXxW3}1&`pz`)lE8f*kAC}P(6)qA>zxcvU4viy<a-^x1uJC*fAd9KCgjrYHBR=y`
zw#X)*QjS-7i>&Kr5GVM{IT>WRywKQ9;>SEiQD*NqplK-KK4YR`p0@JW)n_{TU3bt0
zim%;(m1=#v2}zTps=?fU5w^(*y)xT%1vtQH&}50ZF!9YxW=&7*W($2kgKyz1mUgfs
zfV<*XVVIFnohW=|j+@Kfo!#liQR^x>2yQdrG;2o8WZR+XzU_nG=Ed2rK?ntA;K5B{
z>M8+*A4<Ta>!Jm^Bg}aW?R?6;@QG@uQ8&oJ{hFixcfEnJ4QH?A4>P=q29oDGW;L;=
z9-a0;g%c`C+Ai!UmK$NC*4#;Jp<1=TioL=t^YM)<<%u#hnnfSS`nq63QKGO1L8RzX
z@MFDq<H`&N7x6|cHF$jHtc;8QSd3*XDI;%h;Be47aqDn+ovE51)i6?}0L%GiJ>s1z
ztYmxDl@LU)5acvHk)~Z`RW7=aJ_nGD!mOSYD>5Odjn@TK#LY{jf?+piB5AM-CAoT_
z?S-*q7}wyLJzK>N%eMPuFgN)Q_otKP;aqy=D5f!<Uxm0kJ!&((NN1Cc$Lf2D8xbv(
z*WfnV!Kme-C7`<}Hk^(!-La76WI@dSiD?t@Imfnp1{N8W$}|)~%wx6MKY2OYwhJDH
z)z%|ULU9X+--|?(ocK})YRZKw<7x0>7<=n(lNkYRXVpkB{TAYLYg{|(jtRqYmg$xH
zjmq<Cf4$wzOeRC1g`5bkE7g|z=wldi@dYy#eUIYfkuubZe|$MvzfnD`b2{>?B(RE4
zQx^~Pt}gxC2~l=K$$-sYy_r$CO(d=+b3H1MB*y_5g6WLaWTXn+TKQ|hNY^>Mp6k*$
zwkovomhu776vQATqT4blf~g;TY(MWCrf^^yfWJvSAB$p5l;jm@o#=!lqw+Lqfq>X=
z$6~kxfm7`3q4zUEB;u4qa#BdJxO!;xGm)wwuisj{0y2x{R(IGMrsIzDY9LW>m!Y`=
z04sx3IjnYvL<4JqxQ8f7qYd0s2Ig%`ytYPEMKI)s(LD}D@EY>x`VFtqvnADNBdeao
zC96X+MxnwKmjpg{U&gP3HE}1=s!lv&D{6(g_lzyF3A`7Jn*&d_kL<;dAFx!UZ>hB8
z5A*%LsAn;VLp>3${0>M?PSQ)9s3}|h2e?TG4_F{}{Cs>#3Q*t$(CUc}M)I}8cPF6%
z=+h(Kh^8)}gj(0}#e7O^FQ6`~fd1#8#!}LMuo3A0bN`o}PYsm!Y}sdOz$+Tegc=qT
z8x`PH$7lvnhJp{kHWb22l;@7B7|4yL4UOOVM0MP_>P%S1Lnid)+k9{+3D+JFa#Pyf
zhVc#&df87APl4W9X)F3pGS>@etfl=_E5tBcVoOfrD4hmVeTY-cj((pkn%n@EgN{0f
zwb_^Rk0I#i<UGQdc-Nmd=Rb)xhox&LXCiL2JOtMf1nJ{Y*CC^NXhbH@kK=kc_`LQd
zpKZRrfMT*+Mhk36qPN<LRtNnRgTK6F!~*AtcX%l1)YCyR^Cg*|aI@K7&6brfZD+JV
zGcqOky{~wE&Wx}Ojr2$00rvimv@fJs@iLuizXDa>ZuHK!l*lN`ceJn(sI{$Fq6nN&
zE<-=0_2WN}m+*ivmIOxB@#~Q-cZ>l136w{#TIJe478`KE7@=a{>SzPHsKLzYAyBQO
zAtuuF$-JSDy_S@6GW0MOE~R)b;+0f%_NMrW(+V#c_d&U8Z9+ec4=HmOHw?gdjF(Lu
zzra<iFcvmxzT>83M_BoO-1b3;9`%&DHfuUY)6YDV21P$C!Rc?mv&{lx#f8oc6?0?x
zK08{WP65?#>(vPfA-c=MCY|<S!ZyNl<um89EGH-nZopot<9vhnMSrJUdliV1$R@h(
zReDzy8)E@8VrU(MTz_4ai}TcxM)B2^Im7X9WBhxiIczSob@_Q~*btJ>%*1_<3D4NX
zeVTi-JGl2uP_2@0F{G({pxQOXt_d{g_CV6b?jNpfUG9;8yle-^4KHRvZs-_2siata
zt+d_T@U$&t*xaD22(fH(W1r$Mo?3dc%Tncm=C6{V9y{v&VT#^1L04vDrLM9qBoZ4@
z6DBN#m57hX7$C(=#$Y5$bJmwA$T8jKD8+6A!-IJwA{WOfs%s}yxUw^?MRZjF$n_KN
z6`_bGXcmE#5e4Ym)aQJ)xg3Pg0@k`iGuHe?f(5LtuzSq=nS^5z>vqU0EuZ&75V%Z{
zYyhRLN^)$c6Ds{f7*FBpE;n5iglx5PkHfWrj3<K%`xq+5RKqKFc8rLQ*ZRbbx$E1#
z3f|;4cOJ3Ebo^39!B`+!g&)irRekwjXNvz=dRTz5`G+KYEbcaaK8WXc9Bd>`x^j^t
z7ntuV`g!9Xg#^3!x)l*}IW=(Tz3>Y5l4uGaB&lz{GDjm2D5S$CExLT`I1#n^lBH7Y
zDgpMag@`iETKAI=p<5E#LTkw<F5K4Wbo)QRuzF*eH_@ivMrE0Wp~Gnj6dqxd?q0<i
zCg50hY}if?yn)!*`4%$BA^3^>zVR@=yY|uBVI1HG|8h+d;G-qfuj}-ZR6fN>EfCCW
z9~wRQoAPEa#aO?3h?x{YvV*d+NtPkf&4V0k4|L=uj!U{L+oLa(z#&iuhJr3-PjO3R
z5s?=nn_5^*^Rawr>>Nr@K(jwkB#JK-=+HqwfdO<+P5byeim)wvqGlP-P|~Nse8=XF
zz`?RYB|D6SwS}C<!9XcXRWqW$6w&z(j$m~}aKHcZK~n4i+541c<|vO(dRs@`mO_la
zV#-mf$jU#l&0!zW|IK42VgGl#Cw`Pp0u0|_KdVe9>+YQv+;}k6$-%D(@+t14BL@vM
z2q%q?f6D-A5s$_WY3{^G0F131bbh|g!}#BKw=HQ7mx;Dzg4Z*bTLQSfo{ed{4}NZW
zfrRm^Ca$rlE{Ue~uYv>R9{3s<lJFO-AA<uH1E0Ejy3!9=Y^Pj|>mwATcdM_6+yWIO
z*ZRH~uXE@#p$XTbCt5j7j2=86e{9>HIB6xDzV+vAo&B?KUiMP|ttOElepnl%|DPqL
b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN

diff --git a/public/manifest.json b/public/manifest.json
deleted file mode 100644
index 080d6c7..0000000
--- a/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100644
index e9e57dc..0000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/src/components/CardRow/styles.ts b/src/components/CardRow/styles.ts
index 0385113..e4b1aa3 100644
--- a/src/components/CardRow/styles.ts
+++ b/src/components/CardRow/styles.ts
@@ -8,8 +8,9 @@ export const CardHeader = styled.div`
   padding-bottom: 5px;
   padding-right: 5px;
   h4 {
+    font-size: 14px;
     margin-left: 4px;
-    font-weight: 600;
+    font-weight: 500;
   }
   section {
     display: flex;