refactor: config code

Author: helenapaixao

package.json

@@ -3,6 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@chakra-ui/react": "^2.3.1",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
@@ -12,6 +15,7 @@
     "@types/react-dom": "^16.9.0",
     "@unform/core": "^2.1.3",
     "axios": "^0.21.1",
+    "framer-motion": "^7.2.1",
     "polished": "^3.6.5",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",

src/App.tsx

@@ -4,7 +4,6 @@ import { ThemeProvider, DefaultTheme } from 'styled-components';
 import usePeristedState from './utils/usePersistedState';
 import Routes from './routes';
 import GlobalStyle from './styles/global';
-
 import light from './styles/themes/light';
 import dark from './styles/themes/dark';
 

src/components/Button/styles.ts

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { shade } from 'polished';
 
 export const Container = styled.button`
-  background: #3a3a3a;
+  background: #f0f0f5;
   border-radius: 10px;
   border: 0;
   padding: 16px;
@@ -12,6 +12,6 @@ export const Container = styled.button`
   margin-top: 16px;
   transition: background-color 0.2s;
   &:hover {
-    background: ${shade(0.2, '#3A3A3A')};
+    background: ${shade(0.2, '#f0f0f5')};
   }
 `;

src/components/Footer/styles.ts

@@ -14,12 +14,12 @@ export const Footer = styled.footer`
 
   a {
     text-decoration: none;
-    color: #3a3a3a;
+    color: #C62E65;
     font-weight: bold;
     transition: all 0.2s ease-in-out;
 
     &:hover {
-      color: ${shade(0.2, '#3A3A3A')};
+      color: ${shade(0.2, '#C62E65')};
     }
   }
 `;

src/components/ToastContainer/Toast/index.tsx

@@ -59,13 +59,6 @@ const reposData = [
     name: ' flutterbr',
     desc: ' Espaço para divulgação de vagas relacionadas com Flutter e Dart',
   },
-  {
-    link: '/repository/uxbrasil/vagas',
-    imageUrl:
-      'https://user-images.githubusercontent.com/3299130/48214486-2fed0800-e367-11e8-8274-6858c79ab7b4.png',
-    name: ' uxbrasil',
-    desc: ' Espaço para divulgação de vagas para designers UI e pesquisadores UX.',
-  },
 ];
 
 const Dashboard: React.FC<ToggleTheme> = ({ toggleTheme }) => {