- Edit src/App.js and save to reload.
-
+
+
+
+
);
}
diff --git a/src/Components/Buttons/index.js b/src/Components/Buttons/index.js
new file mode 100644
index 0000000..d0c15ed
--- /dev/null
+++ b/src/Components/Buttons/index.js
@@ -0,0 +1,17 @@
+import React from "react";
+import { ContainerButton, CampoButton } from "./styles";
+
+export default function Buttons(props) {
+ return (
+ onClickCardRestaurante(props.id)} className={classes.cardContainer}>
+
+ );
+ }
\ No newline at end of file
diff --git a/src/Components/CardRestaurante/styles.js b/src/Components/CardRestaurante/styles.js
new file mode 100644
index 0000000..d22093c
--- /dev/null
+++ b/src/Components/CardRestaurante/styles.js
@@ -0,0 +1,62 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles({
+ cardContainer: {
+ height: '12.25rem',
+ padding: '0.5rem 1rem 0',
+ },
+ card: {
+ padding: '0 0 1rem',
+ borderRadius: '8px',
+ border: 'solid 1px #b8b8b8'
+ },
+ imagem : {
+ borderTopLeftRadius: 8,
+ borderTopRightRadius: 8,
+ },
+ cardTextoDiv: {
+ display: "flex",
+ justifyContent: 'space-between',
+ },
+ nomeRestaurante: {
+ height: '1.125rem',
+ margin: '0.75rem 1rem 0.25rem',
+ fontFamily: 'Roboto',
+ fontSize: '1rem',
+ fontWeight: 'normal',
+ fontStretch: 'normal',
+ fontStyle: 'normal',
+ lineHeight: 'normal',
+ letterSpacing: '-0.39px',
+ color:'#e8222e',
+ },
+ tempoDeEntrega: {
+ width: '9.25rem',
+ height: '1.125rem',
+ margin: '0.25rem 0.5rem 0 1rem',
+ fontFamily: 'Roboto',
+ fontSize: '1rem',
+ fontWeight: 'normal',
+ fontStretch: 'normal',
+ fontStyle: 'normal',
+ lineHeight: 'normal',
+ letterSpacing: '-0.39px',
+ color: '#b8b8b8',
+ },
+ taxaDeEntrega: {
+ width: '8.75rem',
+ height: '1.125rem',
+ margin: '0.25rem 1rem 0 0.5rem',
+ fontFamily: 'Roboto',
+ fontSize: '1rem',
+ fontWeight:' normal',
+ fontStretch:' normal',
+ fontStyle: 'normal',
+ lineHeight: 'normal',
+ letterSpacing: '-0.39px',
+ textAlign: 'right',
+ color: '#b8b8b8',
+ }
+ });
+
+ export default useStyles
\ No newline at end of file
diff --git a/src/Components/FeedMenu/FeedMenu.js b/src/Components/FeedMenu/FeedMenu.js
new file mode 100644
index 0000000..afcaf8c
--- /dev/null
+++ b/src/Components/FeedMenu/FeedMenu.js
@@ -0,0 +1,170 @@
+import React, {useState, useContext} from 'react'
+import styled from "styled-components"
+import GlobalStateContext from "../../Global/GlobalStateContext";
+
+const Menu = styled.div`
+ height: 2.625rem;
+ margin: 0.5rem 0.5rem 0;
+ display: flex;
+ align-items: center;
+ overflow: auto;
+ ::-webkit-scrollbar {
+ display: none;
+ }
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+
+ a {
+ margin: 0.75em;
+ color: var(--black);
+ width: 5.438rem;
+ height: 1.125rem;
+ font-family: Roboto;
+ font-size: 1rem;
+ font-weight: 500;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: -0.39px;
+ text-align: center;
+ }
+
+ .red {
+ color: #e8222e;
+ }
+
+`
+
+export default function FeedMenu() {
+
+ const teste = [
+ {
+ "id": "1",
+ "description": "Habib's é uma rede de restaurantes de comida rápida brasileira especializada em culinária árabe, os restaurantes vendem mais de 600 milhões de esfirras por ano. A empresa emprega 22 mil colaboradores e tem 421 unidades distribuídas em mais de cem municípios em 20 unidades federativas.",
+ "shipping": 6,
+ "address": "Rua das Margaridas, 110 - Jardim das Flores",
+ "name": "Habibs",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/habibs.jpg",
+ "deliveryTime": 60,
+ "category": "Árabe"
+ },
+ {
+ "id": "10",
+ "address": "Travessa Reginaldo Pereira, 130 - Ibitinga",
+ "name": "Tadashii",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/tadashii.png",
+ "deliveryTime": 50,
+ "category": "Asiática",
+ "description": "Restaurante sofisticado busca o equilíbrio entre ingredientes que realçam a experiência da culinária japonesa.",
+ "shipping": 13
+ },
+ {
+ "id": "2",
+ "description": "McDonald's Corporation é a maior cadeia mundial de restaurantes de fast food de hambúrguer, servindo cerca de 68 milhões de clientes por dia em 119 países através de 37 mil pontos de venda.",
+ "shipping": 19,
+ "address": "Avenida dos Papagaios, 1350 - Sta. Efigênia",
+ "name": "McDonalds",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/mcdonalds.png",
+ "deliveryTime": 15,
+ "category": "Hamburguer"
+ },
+ {
+ "id": "3",
+ "deliveryTime": 20,
+ "category": "Italiana",
+ "description": "Restaurante Self Service e lanchonete localizado no Laboratório Nacional de Computação Científica",
+ "shipping": 2,
+ "address": "Rua Barão do Rio Branco, 98 - Centro",
+ "name": "Cantina Mamma Perrotta",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/cantinamammaperrotta.jpg"
+ },
+ {
+ "id": "4",
+ "name": "Sorveteria Bacio di Latte",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/baciodilatte.png",
+ "deliveryTime": 45,
+ "category": "Sorvetes",
+ "description": "Gelatos de raízes italianas feitos artesanalmente e com ingredientes de altíssima qualidade. Confira todos os nossos deliciosos sabores!",
+ "shipping": 10,
+ "address": "Travessa Junqueira de Melo, 315 - Marginal"
+ },
+ {
+ "id": "5",
+ "deliveryTime": 20,
+ "category": "Carnes",
+ "description": "Inaugurado em 1988 nos Estados Unidos e chegou ao Brasil 9 anos depois. Hoje, o restaurante marca presença em 20 cidades em todo o país, com um estilo casual que vai fazer você se sentir no Outback Australiano",
+ "shipping": 18,
+ "address": "Alameda dos Marsupiais, 505 - Humaitá",
+ "name": "Outback Steakhouse",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/outback.png"
+ },
+ {
+ "id": "6",
+ "description": "Culinária baiana, como caldinho de sururu e acarajé, empório nordestino e bar com 400 rótulos de cachaça.",
+ "shipping": 4,
+ "address": "Rua Dorival Caymmi, 149 - Alto dos Ibirás",
+ "name": "Sotero Cozinha Original",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/sotero.jpg",
+ "deliveryTime": 40,
+ "category": "Baiana"
+ },
+ {
+ "id": "7",
+ "name": "Boteco de Portal",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/botecodeportal.jpg",
+ "deliveryTime": 20,
+ "category": "Petiscos",
+ "description": "O bar tem um cardápio recheado de petiscos que acompanham o chope para o bate-papo num ambiente agradável.Amigos e amigas, temos o prazer de convidar vocês para conhecer nosso espaço!",
+ "shipping": 18,
+ "address": "Avenida das Andorinhas, 333 - Sta. Efigênia"
+ },
+ {
+ "id": "8",
+ "name": "Chun-Li",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/chun-li.jpg",
+ "deliveryTime": 30,
+ "category": "Asiática",
+ "description": "Restaurante chinês com pratos típicos em diversos tamanhos, bebidas, ambiente moderno e opções para levar.",
+ "shipping": 17,
+ "address": "Rua Visconde de Mauá, 990 - Centro"
+ },
+ {
+ "id": "9",
+ "name": "Mexicaníssimo",
+ "logoUrl": "http://soter.ninja/futureFoods/logos/mexicanissimo.png",
+ "deliveryTime": 20,
+ "category": "Mexicana",
+ "description": "Falar em Mexicaníssimo é falar em comer uma comida tradicional e original mexicana! Diferentemente dos restaurantes tex-mex, aqui você encontra um menu completo tradicionalmente mexicano e com opções para vegetarianos e veganos.",
+ "shipping": 3,
+ "address": "Largo dos Jaguarés, 12 - Nova Bragança"
+ }
+ ]
+
+ const {states, setters} = useContext(GlobalStateContext)
+
+ const changeCategory = (value) => {
+ if (states.filter !== value) {
+ setters.setFilter(value)
+ } else if (states.filter === value) {
+ setters.setFilter("")
+ }
+ }
+
+ const [categoriesArray, setCategoriesArray] = useState([])
+
+ teste.map(e=> {
+ const position = categoriesArray.findIndex((item) => item === e.category)
+
+ if (position === -1) {
+ setCategoriesArray([...categoriesArray, e.category])
+ }
+ })
+
+ return (
+
+ )
+}
diff --git a/src/Components/FooterMenu/index.js b/src/Components/FooterMenu/index.js
new file mode 100644
index 0000000..440454f
--- /dev/null
+++ b/src/Components/FooterMenu/index.js
@@ -0,0 +1,60 @@
+import React, { useState, useEffect } from 'react'
+import { useHistory } from 'react-router-dom'
+import { goToCartPage, goToHomePage, goToProfilePage } from '../../Routes/coordinators'
+import { ReactComponent as AvatarIcon} from "../../assets/footerMenuIcons/avatar.svg";
+import { ReactComponent as HomeIcon } from "../../assets/footerMenuIcons/homepage.svg";
+import { ReactComponent as CartIcon } from "../../assets/footerMenuIcons/shopping-cart.svg";
+import { FooterContainer } from './styles';
+
+export default function FooterMenu(props) {
+ const history = useHistory()
+ const [fill, setFill] = useState({
+ home: "#B8B8B8",
+ cart: "#B8B8B8" ,
+ avatar: "#B8B8B8"
+ })
+
+ useEffect(() => {
+ if( props.page === "home") {
+ setFill({home: "#E8222E", cart: "#B8B8B8" , avatar: "#B8B8B8"})
+ } else if (props.page === "cart") {
+ setFill({home: "#B8B8B8", cart: "#E8222E" , avatar: "#B8B8B8"})
+ } else if (props.page === "profile") {
+ setFill({home: "#B8B8B8", cart: "#B8B8B8" , avatar: "#E8222E"})
+ }
+
+ },[] )
+
+
+
+ const selectHomeIcon = () => {
+ setFill({home: "#E8222E", cart: "#B8B8B8" , avatar: "#B8B8B8"})
+ goToHomePage(history)
+ }
+
+ const selectCartIcon = () => {
+ setFill({home: "#B8B8B8", cart: "#E8222E" , avatar: "#B8B8B8"})
+ goToCartPage(history)
+ }
+
+ const selectAvatarIcon = () => {
+ setFill({home: "#B8B8B8", cart: "#B8B8B8" , avatar: "#E8222E"})
+ goToProfilePage(history)
+ }
+
+ return (
+
+
+
+
+ + {props.nome? props.nome : "Restaurante"} +
+
+
+
+ + {props.tempoDeEntrega} min +
++ {props.frete? `Frete R$ ${props.frete},00` : "Frete Grátis"} +
+
+ 
+
+
+
+ {/* para nomear a sua página use a prop >>> pageName='nome da sua página' */}
+
+ {/* o estado inicial para mostrar o botão é true, caso sua tela não precise,
+ use a prop button com o valor "false" (string)*/}
+ {props.button === "false" ? null : goBack(history)}> }
+
+ )
+}
diff --git a/src/Components/Header/styles.js b/src/Components/Header/styles.js
new file mode 100644
index 0000000..f76bfc7
--- /dev/null
+++ b/src/Components/Header/styles.js
@@ -0,0 +1,24 @@
+import styled from 'styled-components'
+
+export const HeaderContainer = styled.div `
+ display: flex;
+ justify-content: space-between;
+ box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.25);
+ height: 2.75rem;
+h3{
+ flex-grow: 1;
+ text-align: center;
+ align-self: center;
+ font-size: 1rem;
+ font-weight: 500;
+ letter-spacing: -0.39px;
+}
+`
+
+export const BackButton = styled.button `
+ position: absolute;
+ margin-top: -35px;
+ margin-left: 1rem;
+ border: none;
+ background: none;
+`
\ No newline at end of file
diff --git a/src/Components/InitialScreen/index.js b/src/Components/InitialScreen/index.js
new file mode 100644
index 0000000..395bb64
--- /dev/null
+++ b/src/Components/InitialScreen/index.js
@@ -0,0 +1,27 @@
+import React from "react";
+import { Grid } from "@material-ui/core";
+import Logo from "../../assets/logo-future-eats@2x.png";
+import { makeStyles } from "@material-ui/core/styles";
+
+const useStyles = makeStyles({
+ root: {
+ height: "100vh",
+ background: "#e8222e",
+ },
+});
+
+export default function InitialScreen() {
+ const classes = useStyles();
+ return (
+ {props.pageName}
+{props.name}
+ {renderQuantidade[0] ? : null} +{props.ingredientes}
+
+
+ )
+}
diff --git a/src/Components/PedidoEmAndamento/index.js b/src/Components/PedidoEmAndamento/index.js
new file mode 100644
index 0000000..64136a1
--- /dev/null
+++ b/src/Components/PedidoEmAndamento/index.js
@@ -0,0 +1,18 @@
+import React from 'react'
+import AccessTimeIcon from '@material-ui/icons/AccessTime';
+import Rectangle from "./style.js"
+
+export default function index(props) {
+ return (
+
+
+
+
+ Pedido em Andamento
+{props.restaurante}
+SUBTOTAL R$ {props.valor}
+Selecione a quantidade desejada
+ +
+
+ )
+}
diff --git a/src/Components/SearchBar/styles.js b/src/Components/SearchBar/styles.js
new file mode 100644
index 0000000..ecec251
--- /dev/null
+++ b/src/Components/SearchBar/styles.js
@@ -0,0 +1,28 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles({
+ textField: {
+ height: '3.5rem',
+ borderRadius: '2px',
+ border: 'solid 1px #b8b8b8',
+ display: 'flex',
+ alignItems:' center',
+ padding: '0 0.503rem 0 1.063rem',
+ margin: '0.5em 16px',
+ },
+ input: {
+ border: 'none',
+ fontFamily:'Roboto',
+ height: '3em',
+ width: '18em',
+ fontSize: '1em',
+ "&:focus": {
+ outline: 'none',
+ }
+ },
+ searchIcon: {
+ color: "#b8b8b8"
+ }
+})
+
+export default useStyles
\ No newline at end of file
diff --git a/src/Constants/urls.js b/src/Constants/urls.js
new file mode 100644
index 0000000..6fa2114
--- /dev/null
+++ b/src/Constants/urls.js
@@ -0,0 +1 @@
+export const BASE_URL = 'https://us-central1-missao-newton.cloudfunctions.net/fourFoodA'
\ No newline at end of file
diff --git a/src/CustomHooks/useForm.js b/src/CustomHooks/useForm.js
new file mode 100644
index 0000000..11f6df5
--- /dev/null
+++ b/src/CustomHooks/useForm.js
@@ -0,0 +1,22 @@
+import { useState } from "react";
+
+const useForm = (initialState) => {
+ const [form, setForm] = useState(initialState);
+
+ const handleInputChange = (event) => {
+ const { value, name } = event.target;
+ setForm({ ...form, [name]: value });
+ };
+
+ const resetState = () => {
+ setForm(initialState);
+ };
+
+ const handleFormErrors = (errors) => {
+ setForm({ ...form, errors });
+ };
+
+ return [form, handleInputChange, resetState, handleFormErrors];
+};
+
+export default useForm;
diff --git a/src/CustomHooks/useProtectedPage.js b/src/CustomHooks/useProtectedPage.js
new file mode 100644
index 0000000..6b45c27
--- /dev/null
+++ b/src/CustomHooks/useProtectedPage.js
@@ -0,0 +1,16 @@
+import { useEffect } from "react";
+import { useHistory } from "react-router-dom";
+
+const useProtectedPage = () => {
+ const history = useHistory();
+
+//Assim que a pagina abre realiza a verificação
+ useEffect(() => {
+ const token = localStorage.getItem("token");
+ if (!token) {
+ history.push("/"); //Caso não esteja autorizado retorna a LoginPage
+ }
+ }, [history]);
+};
+
+export default useProtectedPage;
\ No newline at end of file
diff --git a/src/CustomHooks/useRequestData.js b/src/CustomHooks/useRequestData.js
new file mode 100644
index 0000000..66ab141
--- /dev/null
+++ b/src/CustomHooks/useRequestData.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import {useEffect, useState} from "react"
+import axios from 'axios'
+
+export default function useRequestData(url, initialState) {
+ const [data, setData] = useState(initialState)
+ const header = {headers: {"auth": localStorage.getItem('token')}}
+ useEffect(()=> {
+ axios.get(url,header).then((response) => {
+ setData(response.data)
+ }).catch((error) => {
+ console.log(error.message)
+ })
+ }, [url])
+
+ return data
+}
diff --git a/src/Global/GlobalState.js b/src/Global/GlobalState.js
new file mode 100644
index 0000000..937a7ac
--- /dev/null
+++ b/src/Global/GlobalState.js
@@ -0,0 +1,35 @@
+import React from 'react'
+import GlobalStateContext from "../Global/GlobalStateContext";
+import axios from "axios";
+import useRequestData from '../CustomHooks/useRequestData'
+import {useState, useEffect} from 'react'
+import {BASE_URL} from '../Constants/urls.js'
+
+export default function GlobalState(props) {
+
+ const [carrinho, setCarrinho] = useState({})
+ const [perfil, setPerfil] = useState({})
+ const [restaurante, setRestaurante] = useState({})
+ const [listaRestaurantes, setListaRestaurantes] = useState([])
+ // const [token, setToken] = useState("")
+ const [searchInput, setSearchInput] = useState("") /* Controla input da barra de pesquisa */
+ const [filter, setFilter] = useState("") /* Controla o filtro do menu do feed */
+ const [popUp, setPopUp] = useState(false)
+ const [quantidade, setQuantidade] = useState(0)
+ const [idPedido, setIdPedido] = useState("")
+
+
+ const states = {carrinho, perfil, restaurante, listaRestaurantes, searchInput, filter, popUp, quantidade, idPedido}
+ const setters = {setCarrinho, setPerfil, setRestaurante, setListaRestaurantes, setSearchInput, setFilter, setPopUp, setQuantidade, setIdPedido}
+ const requests = {}
+
+ return (
+
+
+ goToSearchPage(history)}
+ value={states.searchInput}
+ className={classes.input}
+ placeholder={"Restaurantes"}
+ onChange={onChangeInput}
+ />
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Pages/AddAddressPage/styles.js b/src/Pages/AddAddressPage/styles.js
new file mode 100644
index 0000000..6450ccd
--- /dev/null
+++ b/src/Pages/AddAddressPage/styles.js
@@ -0,0 +1,2 @@
+// import styled from 'styled-components'
+
diff --git a/src/Pages/CartPage/index.js b/src/Pages/CartPage/index.js
new file mode 100644
index 0000000..682ce90
--- /dev/null
+++ b/src/Pages/CartPage/index.js
@@ -0,0 +1,143 @@
+import React, { useContext, useState } from 'react'
+import { useHistory } from "react-router-dom";
+import Header from '../../Components/Header';
+import { goBack, goToHomePage, goToProfilePage, goToRestaurantsPage } from '../../Routes/coordinators';
+import GlobalStateContext from "../../Global/GlobalStateContext";
+import Buttons from '../../Components/Buttons';
+import PopUpQuantidade from "../../Components/PopUpQuantidade";
+import {
+ ContainerCarrinho,
+ ContainerEndereco ,
+ MensagemVazio ,
+ SubtotalContainer ,
+ StyledForm ,
+ CartPageContainer,
+ ContainerRestaurante,
+ ScrollSection
+} from './styles';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import FooterMenu from '../../Components/FooterMenu';
+import ItemCard from '../../Components/ItemCard/ItemCard';
+import useRequestData from '../../CustomHooks/useRequestData';
+import { BASE_URL } from '../../Constants/urls';
+import { order } from '../../Service/user'
+import useProtectPage from '../../CustomHooks/useProtectedPage'
+
+export default function CartPage() {
+ useProtectPage()
+ const history = useHistory();
+ const {states, setters} = useContext(GlobalStateContext)
+
+
+ const [loading, setLoading] = React.useState(false)
+ const [value, setValue] = useState('dinheiro');
+
+ const handleChange = (event) => {
+ setValue(event.target.value);
+ }
+
+ const pedidos = states.carrinho.pedido ? states.carrinho.pedido : null
+
+ const frete = states.carrinho.restaurante ? Number(states.carrinho.restaurante.shipping) : 0
+
+ const subtotal = pedidos? frete + pedidos.reduce((resultado, item) => {
+ return (item.quantidade * item.price) + resultado;
+ }, 0): 0
+
+ const endereco = useRequestData(`${BASE_URL}/profile/address`, {})//pegando endereco na API
+
+ console.log(pedidos);
+
+ let body = {}
+ if (pedidos) {
+ body = {
+ "products": pedidos.map((item) => {
+ return { "id": item.id, "quantity": item.quantidade }
+ }
+ ),
+ "paymentMethod": "creditcard"
+ }
+
+ }
+ console.log(body);
+
+
+ let idRestaurante = ""
+ if(states.carrinho.restaurante !== undefined){
+ idRestaurante = states.carrinho.restaurante.id
+ console.log(idRestaurante);
+ }
+
+ const submitOrder = (e) => {
+ e.preventDefault()
+ order(body, history, setLoading, idRestaurante, setters.setCarrinho)//função está no service/user
+ }
+
+
+ return (
+ Endereço de entrega
+{endereco.address?endereco.address.street:null}, {endereco.address?endereco.address.number:null}
+
+
+ {/* {console.log(states.carrinho)} */}
+
+
+
+
+ {pedidos.map(item => {
+ return
+ }
+ {states.carrinho.restaurante.name}
+{states.carrinho.restaurante.address}
+{states.carrinho.restaurante.deliveryTime} min
+
+ Frete R${frete.toFixed(2)}
+ R$ {subtotal.toFixed(2)}
+
+
+
+
+
+ Forma de Pagamento
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Pages/EditAdressPage/styles.js b/src/Pages/EditAdressPage/styles.js
new file mode 100644
index 0000000..6450ccd
--- /dev/null
+++ b/src/Pages/EditAdressPage/styles.js
@@ -0,0 +1,2 @@
+// import styled from 'styled-components'
+
diff --git a/src/Pages/EditProfilePage/EditProfileForm.js b/src/Pages/EditProfilePage/EditProfileForm.js
new file mode 100644
index 0000000..aecd8ea
--- /dev/null
+++ b/src/Pages/EditProfilePage/EditProfileForm.js
@@ -0,0 +1,77 @@
+import React from 'react';
+import Buttons from '../../Components/Buttons'
+import { Container, CampoText, InputArea, ContainerEditProfile } from './styles';
+import useForm from '../../CustomHooks/useForm'
+import { useHistory } from "react-router-dom";
+import { editProfile } from '../../Service/editUser';
+import { CircularProgress } from '@material-ui/core';
+
+export default function EditProfileForm() {
+ const [loading, setLoading] = React.useState(false)
+ const [form, handleInput, resetState] = useForm({
+ name: '',
+ email: '',
+ cpf: '',
+ })
+ const history = useHistory();
+
+ const submitForm = (e) => {
+ e.preventDefault()
+ resetState() //resetando os inputs//
+ editProfile(form, history, setLoading)//funçao está em service/user
+ }
+
+ return (
+
+
+ )
+}
diff --git a/src/Pages/EditProfilePage/styles.js b/src/Pages/EditProfilePage/styles.js
new file mode 100644
index 0000000..9c58b2b
--- /dev/null
+++ b/src/Pages/EditProfilePage/styles.js
@@ -0,0 +1,37 @@
+import styled from 'styled-components';
+import TextField from "@material-ui/core/TextField";
+// import FormControl from "@material-ui/core/FormControl";
+
+
+export const ContainerEditProfile = styled.div`
+
+ margin:1rem;
+`
+
+export const Image = styled.div`
+ text-align: center;
+ margin:2.5rem 0 1.75rem 0;
+`
+export const Title = styled.h1`
+ font-family: Roboto;
+ text-align: center;
+ font-size: 1rem;
+ /* font-weight: normal; */
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+ letter-spacing: -0.39px;
+`
+
+export const Container = styled.div`
+
+`
+
+export const CampoText = styled.div`
+ margin: 1rem 0;
+`
+
+export const InputArea = styled(TextField)`
+ height: 3.5rem;
+ width: 100%;
+`
\ No newline at end of file
diff --git a/src/Pages/ErrorPage/index.js b/src/Pages/ErrorPage/index.js
new file mode 100644
index 0000000..24ef9a2
--- /dev/null
+++ b/src/Pages/ErrorPage/index.js
@@ -0,0 +1,25 @@
+import React from 'react'
+import Header from '../../Components/Header'
+import FooterMenu from '../../Components/FooterMenu';
+import Image from '../../assets/logo-future-eats-invert.svg'
+import { Container, ContainerImage } from './styles'
+import SentimentVeryDissatisfiedIcon from '@material-ui/icons/SentimentVeryDissatisfied';
+import useProtectedPage from '../../CustomHooks/useProtectedPage';
+
+export default function ErrorPage() {
+ useProtectedPage()
+ return (
+
+
+
+ 
+
+
+
+ )
+}
diff --git a/src/Pages/ErrorPage/styles.js b/src/Pages/ErrorPage/styles.js
new file mode 100644
index 0000000..2aa295f
--- /dev/null
+++ b/src/Pages/ErrorPage/styles.js
@@ -0,0 +1,29 @@
+import styled from 'styled-components'
+
+export const Container = styled.section`
+display: flex;
+flex-direction: column;
+justify-content: center;
+align-items: center;
+margin: 1rem;
+h2{
+ font-family: Roboto;
+ letter-spacing: -0.29px;
+ font-weight: normal;
+}
+p{
+ letter-spacing: -0.29px;
+ font-family: Roboto;
+ text-align: center;
+ font-size: 1rem;
+ font-weight: normal;
+ font-stretch: normal;
+ font-style: normal;
+ line-height: normal;
+}
+`
+
+export const ContainerImage = styled.div`
+margin: 2rem 0 2rem 0;
+`
+
diff --git a/src/Pages/HomePage/index.js b/src/Pages/HomePage/index.js
new file mode 100644
index 0000000..700582c
--- /dev/null
+++ b/src/Pages/HomePage/index.js
@@ -0,0 +1,82 @@
+import React,{ useContext, useEffect, useState} from "react";
+import { useHistory } from "react-router-dom";
+import Header from "../../Components/Header/index.js"
+import SearchBar from "../../Components/SearchBar/SearchBar"
+import CardRestaurante from "../../Components/CardRestaurante/CardRestaurante"
+import FeedMenu from "../../Components/FeedMenu/FeedMenu"
+import FooterMenu from "../../Components/FooterMenu/index"
+import PedidoEmAndamento from "../../Components/PedidoEmAndamento/index"
+import GlobalStateContext from "../../Global/GlobalStateContext";
+import HomeDiv from "./styles"
+import useRequestData from '../../CustomHooks/useRequestData';
+import { BASE_URL } from '../../Constants/urls';
+import axios from "axios";
+import useProtectedPage from '../../CustomHooks/useProtectedPage'
+import Loading from '../../Components/Loading/index'
+
+export default function HomePage() {
+ useProtectedPage()
+
+ const {states, setters, requests} = useContext(GlobalStateContext)
+ const [emAndamento, setEmAndamento] = useState('')
+ const history = useHistory();
+
+
+
+ useEffect (() =>{
+
+ const headers ={
+ headers:{
+ auth:localStorage.getItem('token')
+ }
+ }
+ axios.get(`${BASE_URL}/active-order`, headers)
+ .then((response) =>{
+ if(response.data){
+ setEmAndamento(response.data)
+ }
+ })
+ .catch((error) =>{
+ })
+
+ }, [])
+
+let nomeRestaurante = ''
+let totalDoPedido = 0
+if(emAndamento.order){
+ nomeRestaurante = emAndamento.order.restaurantName
+ totalDoPedido = emAndamento.order.totalPrice
+}
+
+const listaDeRestaurantes = useRequestData(`${BASE_URL}/restaurants`, {})
+
+ if (!listaDeRestaurantes.restaurants) {
+ return Algo deu errado
+Confira se você digitou o endereço correto. Pode ser que o endereço não esteja mais disponível.
+
+
+ goToEditPage(history)} src={icon} />
+
+ {perfil.user.name}
+ {perfil.user.email}
+ {perfil.user.cpf}
+
+
+
+ goToEditAddressPage(history)} src={icon} />
+ Endereço cadastrado:
+ {perfil.user.address}
+
+
+ Histórico de Pedidos
+
+ {orders.length !== 0 ? orders.map((item) => {
+ return (
+
+ {item.restaurantName}
+ {timeConverter(item.createdAt)}
+ {`SUBTOTAL R$${item.totalPrice}`}
+
+ )
+ }
+ ) : Você não realizou nenhum pedido }
+
+
+
+
+
+
+ )
+}
diff --git a/src/Pages/ProfilePage/styles.js b/src/Pages/ProfilePage/styles.js
new file mode 100644
index 0000000..17dc22e
--- /dev/null
+++ b/src/Pages/ProfilePage/styles.js
@@ -0,0 +1,145 @@
+import styled from 'styled-components'
+
+export const DivPerfil = styled.div`
+ width: 100vw;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ position: relative;
+`
+
+export const CaixaPerfil = styled.div`
+ width: 100%;
+ margin: 0;
+ padding: 1rem 0;
+`
+
+export const CaixaInfo = styled.div`
+ width: 20.5rem;
+ height: 1.125rem;
+ font-size: 1rem;
+ letter-spacing: -0.39px;
+ margin: 1rem 1rem 0.5rem;
+ color: #000000;
+`
+
+export const CaixaEndereco = styled.div`
+ max-width: 100vw;
+ height: 4.75rem;
+ padding: 0 1rem;
+ background-color: #eeeeee;
+ position: relative;
+`
+
+export const CaixaEnd = styled.div`
+ max-width: 100vw;
+ height: 1.125rem;
+ margin: 0 0 0.5rem;
+ font-size: 1rem;
+ letter-spacing: -0.39px;
+ color: #b8b8b8;
+`
+
+export const CaixaInfoEnd = styled.div`
+ width: 20.5rem;
+ height: 1.125rem;
+ margin-top: 1rem;
+ font-size: 1rem;
+ letter-spacing: -0.39px;
+`
+
+export const CaixaHistoricoPedidos = styled.div`
+ max-width: 100vw;
+ height: 1.625rem;
+ margin-top: 1rem;
+ margin-left: 1rem;
+ margin-right: 1rem;
+ font-size: 1rem;
+ letter-spacing: -0.39px;
+ border-bottom: 1px solid black;
+`
+
+export const IconePerfil = styled.img`
+ width: 1.5rem;
+ height: 1.5rem;
+ object-fit: contain;
+ position: absolute;
+ top: 6rem;
+ right: 1rem;
+
+ :hover {
+ opacity: 0.5;
+ }
+ :active {
+ opacity: 1;
+ }
+`
+
+export const IconeEndereco = styled.img`
+ width: 1.5rem;
+ height: 1.5rem;
+ object-fit: contain;
+ position: absolute;
+ top: 1.625rem;
+ right: 1rem;
+
+ :hover {
+ opacity: 0.5;
+ }
+ :active {
+ opacity: 1;
+ }
+`
+
+export const ContainerDosPedidos = styled.div`
+ margin-bottom: 5rem;
+ max-width: 100vw;
+ height: 100%;
+ overflow: auto;
+ scrollbar-width: none;
+`
+
+export const CaixaPedido = styled.div`
+ max-width: 100vw;
+ height: 6.375rem;
+ margin: 0.438rem 1rem 0 1rem;
+ border-radius: 8px;
+ border: 1px solid #B8B8B8;
+`
+
+export const DivName = styled.div`
+ width: 18.5rem;
+ height: 1.125rem;
+ margin: 1rem 1rem 0 1rem;
+ font-size: 1rem;
+ letter-spacing: -0ch.39px;
+ color: #E8222E;
+`
+
+export const DivData = styled.div`
+ width: 18.5rem;
+ height: 1.125rem;
+ margin: 0.563rem 1rem 0 1rem;
+ font-size: 0.75rem;
+ letter-spacing: -0ch.29px;
+`
+
+export const DivTotal = styled.div`
+ width: 18.5rem;
+ height: 1.125rem;
+ margin: 0.438rem 1rem 0 1rem;
+ font-size: 1rem;
+ font-weight: bold;
+ letter-spacing: -normal.029px;
+`
+
+export const DivSemPedidos = styled.div`
+ width: 100%;
+ opacity: 0.89;
+ font-family: 'Roboto', sans-serif;
+ font-size: 1rem;
+ color: #000;
+ margin-top: 1.75rem;
+ text-align: center;
+`
+
diff --git a/src/Pages/RestaurantPage/index.js b/src/Pages/RestaurantPage/index.js
new file mode 100644
index 0000000..241c381
--- /dev/null
+++ b/src/Pages/RestaurantPage/index.js
@@ -0,0 +1,109 @@
+import React,{ useContext, useEffect, useState } from 'react'
+import { useHistory, useParams } from "react-router-dom";
+import Header from "../../Components/Header";
+import ItemCard from "../../Components/ItemCard/ItemCard";
+import { RestaurantInfo, MealsContainer, TypeTitle } from './styles';
+import GlobalStateContext from "../../Global/GlobalStateContext";
+import useRequestData from '../../CustomHooks/useRequestData';
+import { BASE_URL } from '../../Constants/urls';
+import PopUpQuantidade from '../../Components/PopUpQuantidade';
+import axios from 'axios'
+import useProtectedPage from '../../CustomHooks/useProtectedPage'
+import Loading from '../../Components/Loading';
+
+export default function RestaurantPage() {
+ useProtectedPage()
+ const {states, setters} = useContext(GlobalStateContext)
+ const [categorias, setCategorias] = useState([])
+
+ const history = useHistory();
+ const params = useParams()
+
+ // const data = useRequestData(`${BASE_URL}/restaurants/${params.id}`,{})
+
+ useEffect(() => {
+ axios.get(`${BASE_URL}/restaurants/${params.id}`,{headers: {"auth": localStorage.getItem('token')}})
+ .then((response) => {
+ setters.setRestaurante(response.data.restaurant)
+ }).catch((error) => {
+ console.log(error.message)
+ })
+
+ // if (states.restaurante && states.restaurante.products) {
+ // let arrayMap = states.restaurante.products.map((item) => {
+ // return item.category
+ // })
+ // const uniqueSet = new Set(arrayMap)
+ // arrayMap = [...uniqueSet]
+ // setCategorias(arrayMap)
+ // }
+
+ }, [ params.id])
+
+ useEffect(() => {
+ if (states.restaurante && states.restaurante.products) {
+ let arrayMap = states.restaurante.products.map((item) => {
+ return item.category
+ })
+ const uniqueSet = new Set(arrayMap)
+ arrayMap = [...uniqueSet]
+ setCategorias(arrayMap)
+ }
+ }, [states.restaurante])
+ // states.restaurante, params.id
+
+ const renderRestaurantInfo = () => {
+ const frete = Number(states.restaurante.shipping).toFixed(2)
+ return (
+ {states.restaurante.name}
+{states.restaurante.category}
+
+ {`${states.restaurante.deliveryTime} min`}
+ {`Frete R$${frete}`}
+
+ {states.restaurante.address}
+
+ {states.popUp ?
+ )
+}
diff --git a/src/Pages/RestaurantPage/styles.js b/src/Pages/RestaurantPage/styles.js
new file mode 100644
index 0000000..9dea736
--- /dev/null
+++ b/src/Pages/RestaurantPage/styles.js
@@ -0,0 +1,45 @@
+import styled from "styled-components";
+
+export const RestaurantInfo = styled.div `
+ margin: 1rem;
+ height: 15.5rem;
+ font-size: 1rem;
+ letter-spacing: -0.29px;
+ color: #b8b8b8;
+h2 {
+ margin: 0;
+ margin-top: 0.75rem;
+ font-size: 1rem;
+ letter-spacing: -0.39px;
+ color: #e8222e;
+ font-weight: 500;
+}
+p {
+ margin: 0.5rem 0;
+}
+span {
+ margin-right: 0.5rem;
+}
+img {
+ margin: 0;
+ width: 100%;
+ height: 7.5rem;
+ object-fit: cover;
+ border-radius: 8px 8px 0 0;
+}
+`
+
+export const MealsContainer = styled.div `
+ margin: 0 1rem;
+ margin-bottom: 0.5rem;
+`
+
+export const TypeTitle = styled.p `
+ margin: 0;
+ border-bottom: 1px solid black;
+ margin-bottom: 0.5rem;
+ padding-bottom: 0.5rem;
+ font-size: 1rem;
+ letter-spacing: -0.39px;
+ font-weight: 500;
+`
\ No newline at end of file
diff --git a/src/Pages/SearchPage/index.js b/src/Pages/SearchPage/index.js
new file mode 100644
index 0000000..300c90f
--- /dev/null
+++ b/src/Pages/SearchPage/index.js
@@ -0,0 +1,40 @@
+import React,{useContext} from 'react'
+import SearchBar from "../../Components/SearchBar/SearchBar"
+import Header from "../../Components/Header/index"
+import GlobalStateContext from "../../Global/GlobalStateContext";
+import useStyles from './styles'
+import CardRestaurante from "../../Components/CardRestaurante/CardRestaurante"
+import useProtectedPage from '../../CustomHooks/useProtectedPage';
+import useRequestData from "../../CustomHooks/useRequestData"
+import { BASE_URL } from '../../Constants/urls';
+import Loading from '../../Components/Loading/index'
+
+export default function SearchPage() {
+ useProtectedPage()
+ const {states, setters, requests} = useContext(GlobalStateContext)
+ const classes = useStyles()
+
+ const listaDeRestaurantes = useRequestData(`${BASE_URL}/restaurants`, {})
+
+ if (!listaDeRestaurantes.restaurants) {
+ return
+
+
+ {states.searchInput === "" ?
+ )
+}
diff --git a/src/Pages/SearchPage/styles.js b/src/Pages/SearchPage/styles.js
new file mode 100644
index 0000000..c0b7063
--- /dev/null
+++ b/src/Pages/SearchPage/styles.js
@@ -0,0 +1,20 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles({
+ searchPlaceholder: {
+ height: '1.125rem',
+ fontFamily: 'Roboto',
+ fontSize: '1rem',
+ fontWeight: 500,
+ fontStretch: 'normal',
+ fontStyle: 'normal',
+ lineHeight: 'normal',
+ letterSpacing: '-0.39px',
+ textAlign: 'center',
+ color: 'black',
+
+ }
+
+})
+
+export default useStyles
\ No newline at end of file
diff --git a/src/Pages/SignUpPage/SignUpForm.js b/src/Pages/SignUpPage/SignUpForm.js
new file mode 100644
index 0000000..f484375
--- /dev/null
+++ b/src/Pages/SignUpPage/SignUpForm.js
@@ -0,0 +1,164 @@
+import React from 'react';
+import Buttons from '../../Components/Buttons'
+import { Container, CampoText, InputArea, Title, ContainerSignUp, Image, AlertPassword } from './styles';
+import Logo from '../../assets/logo-future-eats-invert.png';
+import { IconButton, InputAdornment, InputLabel } from '@material-ui/core';
+import Visibility from '@material-ui/icons/Visibility';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import useForm from '../../CustomHooks/useForm';
+import { useHistory } from "react-router-dom";
+import { signUp } from '../../Service/user';
+import CircularProgress from '@material-ui/core/CircularProgress';
+
+
+export default function SignUpForm(props) {
+ const [ showSenha, setShowSenha ] = React.useState(false)
+ const [ showAlert, setShowAlert ] = React.useState (false)
+ const [ loading, setLoading ] = React.useState(false)
+
+ const history = useHistory();
+
+ const [ form, handleInput ] = useForm({
+ name: '',
+ email: '',
+ cpf: '',
+ password: '',
+ passwordConfirm: '',
+ })
+
+ const handleClickShowPassword = () => {
+ setShowSenha(!showSenha);
+ }
+
+ const handleMouseDownPassword = (event) => {
+ event.preventDefault();
+ }
+
+ const submitForm = (e) => {
+ e.preventDefault()
+ if(form.password !== form.passwordConfirm){
+ setShowAlert(!showAlert)
+ }
+ const body = {
+ name: form.name,
+ email: form.email,
+ cpf: form.cpf,
+ password: form.password
+ }
+ signUp(body, history, setLoading)// funçao está em service/user
+ }
+
+ return (
+ Busque por nome de Restaurante
+ : (arrayMap[0]? arrayMap :Não encontramos :(
) } +