future4code · pdarvas · Jan 20, 2021 · Jan 20, 2021 · Jan 20, 2021 · Jan 20, 2021
diff --git a/README.md b/README.md
@@ -1,3 +1,23 @@
+# IFUTURE
+
+Nome dos integrantes: 
+- Adrielly Costa
+- Andréa Soares
+- Davi Souza
+- David Biolchini
+- Rafael Julio
+
+
+Link do Surge: http://fat-leather.surge.sh/
+
+
+### 🛠 Tecnologias
+- React
+- Styled-components
+- Material-UI
+
+
+
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
 ## Available Scripts

diff --git a/debug.log b/debug.log
@@ -0,0 +1 @@
+[0121/095442.888:ERROR:directory_reader_win.cc(43)] FindFirstFile: O sistema n�o pode encontrar o caminho especificado. (0x3)
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,12 +3,21 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@material-ui/core": "^4.11.2",
+    "@material-ui/icons": "^4.11.2",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
+    "@unform/core": "^2.1.3",
+    "@unform/web": "^2.1.3",
+    "axios": "^0.21.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-scripts": "3.4.1"
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "3.4.1",
+    "react-toastify": "^6.2.0",
+    "styled-components": "^5.2.1",
+    "yup": "^0.32.8"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/public/index.html b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="pt-br">  
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
@@ -24,7 +24,11 @@
       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>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+    <title>I Future</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
@@ -1,24 +1,19 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React from "react";
+import Routes from "./Routes/Routes";
+import GlobalState from "./Global/GlobalState";
+import Tema from "./Tema/Tema";
+import { ToastContainer } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+    <div>
+      <GlobalState>
+        <Tema>
+          <Routes />
+          <ToastContainer autoClose={3000} />
+        </Tema>
+      </GlobalState>
     </div>
   );
 }

diff --git a/src/Components/Buttons/index.js 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 (
+    <CampoButton>
+      <ContainerButton
+        type="submit"
+        color="primary"
+        variant="contained"
+        onClick={props.submeter}
+      >
+        {props.texto}
+      </ContainerButton>
+    </CampoButton>
+  );
+}
diff --git a/src/Components/Buttons/styles.js b/src/Components/Buttons/styles.js
@@ -0,0 +1,17 @@
+import styled from "styled-components";
+import Button from "@material-ui/core/Button";
+
+export const ContainerButton = styled(Button)`
+width: 100%;
+  display: flex;
+  align-items: center;
+  color: #000;
+  font-weight: bold;
+  font-size: 1rem;
+  letter-spacing: -0.39px;
+  text-transform: normal;
+`;
+
+export const CampoButton = styled.div`
+  text-align: center;
+`;
diff --git a/src/Components/CardRestaurante/CardRestaurante.js b/src/Components/CardRestaurante/CardRestaurante.js
@@ -0,0 +1,44 @@
+import React from 'react'
+import CardMedia from '@material-ui/core/CardMedia';
+import useStyles from './styles.js'
+import { useHistory } from "react-router-dom";
+
+export default function CardRestaurante(props) {
+
+    const classes = useStyles();
+    const history = useHistory();
+
+    const onClickCardRestaurante = (id) => {
+      history.push(`/restaurants/${id}`)
+    }
+
+    return (
+        <div onClick={() => onClickCardRestaurante(props.id)} className={classes.cardContainer}>
+        <div className={classes.card}>
+          <div className={classes.cardContent}>
+            <CardMedia
+              className={classes.imagem}
+              component="img"
+              alt={props.title}
+              height="120"
+              image={props.img? props.img :'https://picsum.photos/200'}
+              title={props.title}
+            />
+
+              <h2 className={classes.nomeRestaurante}>
+                {props.nome? props.nome : "Restaurante"}
+              </h2>
+              <div className={classes.cardTextoDiv}>
+                <p className={classes.tempoDeEntrega}>
+                    {props.tempoDeEntrega} min 
+                </p>
+                <p className={classes.taxaDeEntrega}>
+                  {props.frete? `Frete R$ ${props.frete},00` : "Frete Grátis"}
+                </p>
+              </div>
+
+          </div>
+        </div>
+       </div> 
+      );
+    }
diff --git a/src/Components/CardRestaurante/styles.js 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
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		[0121/095442.888:ERROR:directory_reader_win.cc(43)] FindFirstFile: O sistema n�o pode encontrar o caminho especificado. (0x3)