From 3d4a72f60e6826bef2860cfc06369cf18723024d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Danrley?= Date: Tue, 30 Mar 2021 11:47:18 -0300 Subject: [PATCH 1/4] =?UTF-8?q?corre=C3=A7=C3=A3o=20no=20nome=20da=20docum?= =?UTF-8?q?enta=C3=A7=C3=A3o'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...s de uso, requisitos e diagrama de contexto.pdf" | Bin 1 file changed, 0 insertions(+), 0 deletions(-) rename "docs/Documenta\303\247\303\243o geral - Casos de uso, requisitos e diagrama de modelo.pdf" => "docs/Documenta\303\247\303\243o geral - Casos de uso, requisitos e diagrama de contexto.pdf" (100%) diff --git "a/docs/Documenta\303\247\303\243o geral - Casos de uso, requisitos e diagrama de modelo.pdf" "b/docs/Documenta\303\247\303\243o geral - Casos de uso, requisitos e diagrama de contexto.pdf" similarity index 100% rename from "docs/Documenta\303\247\303\243o geral - Casos de uso, requisitos e diagrama de modelo.pdf" rename to "docs/Documenta\303\247\303\243o geral - Casos de uso, requisitos e diagrama de contexto.pdf" From 5707bfb97eb26cf96272fb7a736a61dc42d6763b Mon Sep 17 00:00:00 2001 From: Henrique Sousa <54003876+justhenrique@users.noreply.github.com> Date: Tue, 30 Mar 2021 11:51:00 -0300 Subject: [PATCH 2/4] presentation link --- Sprint 1/README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Sprint 1/README.md b/Sprint 1/README.md index 60aedbf..c84ace4 100644 --- a/Sprint 1/README.md +++ b/Sprint 1/README.md @@ -15,3 +15,5 @@ Nele você poderá criar atas e exportá-las como PDF. Uma amostra do que nossa 2º - A interface gráfica completa da ferramenta pode ser vista no nosso protótipo visual, em [nosso Figma.](https://www.figma.com/file/Zc5xu1dvWulkhRkqGWU8bS/Typext-Novo-Prot%C3%B3tipo?node-id=0%3A1) 3º - Nossa primeira versão da documentação, contemplando todos os casos de uso e requisitos funcionais, é acessada [clicando aqui.](https://github.com/MatheusCampos-450/typext-frontend/blob/main/docs/Documenta%C3%A7%C3%A3o%20geral%20-%20Casos%20de%20uso%2C%20requisitos%20e%20diagrama%20de%20modelo.pdf) + +4º - Apresentação realizada para empresa cliente: [Acesse aqui.](https://www.canva.com/design/DAEaLlaUFec/Sa-mv3LFWQdluoEd9wFDUw/view?utm_content=DAEaLlaUFec&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton) From 738fd44d315d9a18e1cb7af836110d69f6f5e893 Mon Sep 17 00:00:00 2001 From: MatheusCampos-450 Date: Wed, 31 Mar 2021 13:46:31 -0300 Subject: [PATCH 3/4] finishing first recovery login screen --- src/App.tsx | 2 -- src/assets/logo.svg | 5 +++ src/contexts/MainContext.tsx | 4 +-- src/pages/Main/index.tsx | 46 +++++++++++++++------------- src/pages/RecoveryPassword/index.tsx | 39 +++++++++++++++++++++++ src/pages/RecoveryPassword/styles.ts | 44 ++++++++++++++++++++++++++ src/routes.tsx | 2 ++ 7 files changed, 117 insertions(+), 25 deletions(-) create mode 100644 src/assets/logo.svg create mode 100644 src/pages/RecoveryPassword/index.tsx create mode 100644 src/pages/RecoveryPassword/styles.ts diff --git a/src/App.tsx b/src/App.tsx index 743c6f4..d7d48ab 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,13 +1,11 @@ import React from 'react'; -import Header from './components/Header/Header'; import Routes from './routes'; import GlobalStyle from './styles/global'; function App() { return ( <> -
diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..3aa4c46 --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/contexts/MainContext.tsx b/src/contexts/MainContext.tsx index a4e020a..54c3ffa 100644 --- a/src/contexts/MainContext.tsx +++ b/src/contexts/MainContext.tsx @@ -1,11 +1,11 @@ import React, { createContext } from 'react'; -export const MainContext = createContext({}); - interface IMainContext { children: React.ReactNode; } +export const MainContext = createContext({}); + export const MainProvider: React.FC = ({ children }: IMainContext) => { return ( diff --git a/src/pages/Main/index.tsx b/src/pages/Main/index.tsx index bba54b7..ca3bbfc 100644 --- a/src/pages/Main/index.tsx +++ b/src/pages/Main/index.tsx @@ -2,6 +2,7 @@ import React, { useState } from 'react'; import { MainProvider } from 'contexts/MainContext'; +import Header from 'components/Header/Header'; import Initial from './components/Initial/Initial'; import ProjectInformation from './components/ProjectInformation/ProjectInformation'; import OptionButtons from './components/OptionButtons'; @@ -53,30 +54,33 @@ const Main = () => { }; return ( - - {showMinute && ( - - )} + <> +
+ + {showMinute && ( + + )} - {showSchedule && } + {showSchedule && } - - - - + + + + - - - - - + + + + + + ); }; diff --git a/src/pages/RecoveryPassword/index.tsx b/src/pages/RecoveryPassword/index.tsx new file mode 100644 index 0000000..5d94d27 --- /dev/null +++ b/src/pages/RecoveryPassword/index.tsx @@ -0,0 +1,39 @@ +import React from 'react'; + +import Button from 'components/Button/Button'; +import Input from 'components/Input/Input'; + +import LogoIcon from 'assets/logo.svg'; + +import StyledRecoveryPassword from './styles'; + +const RecoveryPassword = () => { + return ( + <> + +
+ + Typext + + +
+ + + +
+
+ + + ); +}; + +export default RecoveryPassword; diff --git a/src/pages/RecoveryPassword/styles.ts b/src/pages/RecoveryPassword/styles.ts new file mode 100644 index 0000000..a3e79d7 --- /dev/null +++ b/src/pages/RecoveryPassword/styles.ts @@ -0,0 +1,44 @@ +import styled from 'styled-components'; + +const StyledRecoveryPassword = styled.div` + display: flex; + justify-content: center; + margin-top: 4.375rem; + + .RecoveryPassword { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + max-width: 102.125rem; + width: 100%; + + a { + width: 18.125rem; + height: 3.125rem; + + img { + width: 18.125rem; + height: 3.125rem; + } + } + + .Email { + display: flex; + flex-direction: column; + align-items: flex-end; + justify-content: center; + + width: 41.875rem; + + margin-top: 16rem; + + Button { + margin-top: 9.688rem; + } + } + } +`; + +export default StyledRecoveryPassword; diff --git a/src/routes.tsx b/src/routes.tsx index b757ae3..b4d8e7c 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -1,3 +1,4 @@ +import RecoveryPassword from 'pages/RecoveryPassword'; import React from 'react'; import { Switch, Route, BrowserRouter } from 'react-router-dom'; @@ -8,6 +9,7 @@ export default function Routes() { + ); From d5b96f58db400001e6b3298c85e0a98d6496e22f Mon Sep 17 00:00:00 2001 From: Henrique Sousa Date: Wed, 31 Mar 2021 15:19:00 -0300 Subject: [PATCH 4/4] NewPassword Screen Front-end --- src/pages/NewPassword/index.tsx | 41 +++++++++++++++++++++++++++++++++ src/pages/NewPassword/styles.ts | 33 ++++++++++++++++++++++++++ src/routes.tsx | 2 ++ 3 files changed, 76 insertions(+) create mode 100644 src/pages/NewPassword/index.tsx create mode 100644 src/pages/NewPassword/styles.ts diff --git a/src/pages/NewPassword/index.tsx b/src/pages/NewPassword/index.tsx new file mode 100644 index 0000000..dc867cf --- /dev/null +++ b/src/pages/NewPassword/index.tsx @@ -0,0 +1,41 @@ +import React from 'react'; + +import Input from 'components/Input/Input'; +import Button from 'components/Button/Button'; +import Logo from 'assets/logo.svg'; + +import StyledNewPassword from './styles'; + +const index = () => { + return ( + + Logo Typext + +
+ + + + + + +
+ + + ); +}; + +export default index; diff --git a/src/pages/NewPassword/styles.ts b/src/pages/NewPassword/styles.ts new file mode 100644 index 0000000..07c5b90 --- /dev/null +++ b/src/pages/NewPassword/styles.ts @@ -0,0 +1,33 @@ +import styled from 'styled-components'; + +export const StyledNewPassword = styled.div` + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + margin-top: 4.375rem; + + .NewPassword { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + margin-top: 13.25rem; + + align-items: flex-end; + + Input { + margin-bottom: 2rem; + } + + Button { + margin-top: 4rem; + width: 14.063rem; + } + } + +`; + +export default StyledNewPassword; diff --git a/src/routes.tsx b/src/routes.tsx index b4d8e7c..4edd649 100644 --- a/src/routes.tsx +++ b/src/routes.tsx @@ -2,6 +2,7 @@ import RecoveryPassword from 'pages/RecoveryPassword'; import React from 'react'; import { Switch, Route, BrowserRouter } from 'react-router-dom'; +import NewPassword from 'pages/NewPassword'; import Main from './pages/Main'; export default function Routes() { @@ -10,6 +11,7 @@ export default function Routes() { + );