From 48e8345b34e091457e08c28da94c4be81210a421 Mon Sep 17 00:00:00 2001 From: Guga Date: Tue, 8 Jun 2021 16:31:48 -0300 Subject: [PATCH] =?UTF-8?q?Preparando=20revis=C3=A3o=20do=20c=C3=B3digo=20?= =?UTF-8?q?da=20Lau?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/App.js | 42 --- src/components/Footer.js | 69 ----- src/components/Habits/Habits.js | 341 ----------------------- src/components/Header.js | 42 --- src/components/Historic/CalendarClick.js | 49 ---- src/components/Historic/HabitsCheck.js | 67 ----- src/components/Historic/Historic.js | 119 -------- src/components/Home/Home.js | 120 -------- src/components/Logo.js | 22 -- src/components/Register/Register.js | 129 --------- src/components/Today/Today.js | 193 ------------- src/contexts/ProgressContexts.js | 5 - src/contexts/UserContexts.js | 5 - src/index.js | 5 - 14 files changed, 1208 deletions(-) delete mode 100644 src/components/App.js delete mode 100644 src/components/Footer.js delete mode 100644 src/components/Habits/Habits.js delete mode 100644 src/components/Header.js delete mode 100644 src/components/Historic/CalendarClick.js delete mode 100644 src/components/Historic/HabitsCheck.js delete mode 100644 src/components/Historic/Historic.js delete mode 100644 src/components/Home/Home.js delete mode 100644 src/components/Logo.js delete mode 100644 src/components/Register/Register.js delete mode 100644 src/components/Today/Today.js delete mode 100644 src/contexts/ProgressContexts.js delete mode 100644 src/contexts/UserContexts.js delete mode 100644 src/index.js diff --git a/src/components/App.js b/src/components/App.js deleted file mode 100644 index 441630f..0000000 --- a/src/components/App.js +++ /dev/null @@ -1,42 +0,0 @@ -import { BrowserRouter, Switch, Route } from 'react-router-dom'; -import React, { useState, useEffect } from 'react'; -import UserContext from '../contexts/UserContexts'; -import ProgressContext from '../contexts/ProgressContexts'; -import Home from './Home/Home'; -import Register from './Register/Register'; -import Habits from './Habits/Habits'; -import Today from './Today/Today'; -import Historic from './Historic/Historic'; -import '../css/reset.css'; -import '../css/style.css'; - -export default function App(){ - const [user, setUser] = useState(""); - const [progress, setProgress] = useState(0); - - return ( - - - - - - - - - - - - - - - - - - - - - - - - ) -} \ No newline at end of file diff --git a/src/components/Footer.js b/src/components/Footer.js deleted file mode 100644 index 7a3f439..0000000 --- a/src/components/Footer.js +++ /dev/null @@ -1,69 +0,0 @@ -import styled from 'styled-components'; -import { Link } from 'react-router-dom'; -import { CircularProgressbar, buildStyles } from 'react-circular-progressbar'; -import 'react-circular-progressbar/dist/styles.css'; -import ProgressContext from '../contexts/ProgressContexts'; -import { useContext } from 'react'; - - -export default function Footer () { - const { progress } = useContext(ProgressContext); - - return( - - -

Hábitos

- - -
- -
- - -

Histórico

- - - ) -} - -const Bottom = styled.footer` - position: fixed; - bottom: 0; - left: 0; - width: 100%; - height: 70px; - padding: 0 36px; - background-color: #fff; - display: flex; - justify-content: space-between; - align-items: center; - p{ - font-family: 'Lexend Deca', sans-serif; - color: #52B6FF; - font-size: 18px; - } - div{ - width: 91px; - height: 91px; - margin-bottom: 50px; - border-radius: 50%; - background-color: #52B6FF; - font-family: 'Lexend Deca', sans-serif; - color: #fff; - font-size: 18px; - display: flex; - align-items: center; - justify-content: center; - padding: 6px; - } -`; - - - diff --git a/src/components/Habits/Habits.js b/src/components/Habits/Habits.js deleted file mode 100644 index a421f53..0000000 --- a/src/components/Habits/Habits.js +++ /dev/null @@ -1,341 +0,0 @@ -import styled from 'styled-components'; -import { useState, useEffect, useContext } from 'react'; -import Header from '../Header' -import Footer from '../Footer'; -import axios from 'axios'; -import UserContext from '../../contexts/UserContexts'; -import { TrashOutline } from 'react-ionicons'; -import Loader from "react-loader-spinner"; - -export default function Habits (){ - const { user, setUser }= useContext(UserContext); - const [day, setDay ]= useState([ - {weekday: "D", isClicked: false, id: 0}, - {weekday: "S", isClicked: false, id: 1}, - {weekday: "T", isClicked: false, id: 2}, - {weekday: "Q", isClicked: false, id: 3}, - {weekday: "Q", isClicked: false, id: 4}, - {weekday: "S", isClicked: false, id: 5}, - {weekday: "S", isClicked: false, id: 6} - ]) - const [habitName,setHabitName] = useState (""); - const [addHabits, setAddHabits] = useState(false); - const [items, setItems] = useState([]); - const [loading, setLoading] = useState(false); - const config = { - headers: { - "Authorization": `Bearer ${user.token}` - } - } - const body = { - name: habitName, - days: day.filter((d,i) => d.isClicked === true).map((d,i) => d.id) - } - - useEffect(() =>{ - if(localStorage.getItem('user')){ - setUser(JSON.parse(localStorage.getItem('user'))) - } - }, []) - - useEffect(() => { - const request = axios.get("https://mock-api.bootcamp.respondeai.com.br/api/v2/trackit/habits", config); - - request.then(resposta => { - setItems(resposta.data); - }); - - request.catch(error => alert("Erro! Tente novamente :/")) - }, []); - - - return( - <> -
- - -

- Meus hábitos -

-
setAddHabits(true)}> - + -
- - - - setHabitName(e.target.value)} - /> - - {day.map((d,i) => - clickDay(d)} - key = {i} - > - {d.weekday} - )} - - -

setAddHabits(false)} - > - Cancelar -

-
- {!day.find((d,i) => d.isClicked)? - alert("Selecione pelo menos um dia da semana"): - sendHabit(day, setLoading, setHabitName, setItems, setAddHabits, setDay, config, body, items) - }}> - {loading === true? "": "Salvar"} - -
- - - - - {items.length === 0? "Você não tem nenhum hábito cadastrado ainda. Adicione um hábito para começar a trackear!": ""} - - - {items.map((h,i)=> - - -

{h.name}

- deleteHabit(h.id, user.token, config, setItems)} - /> - - - {day.map((d,i) => sameDay(h.days, d.id)? {...d, isChoose: true}: d).map((c,i)=>{c.weekday})} - - - )} - -
-