diff --git a/package.json b/package.json deleted file mode 100644 index 9733258..0000000 --- a/package.json +++ /dev/null @@ -1,39 +0,0 @@ -{ - "name": "projeto_10_trackit", - "version": "0.1.0", - "private": true, - "dependencies": { - "axios": "^0.24.0", - "dayjs": "^1.10.7", - "react": "^17.0.2", - "react-circular-progressbar": "^2.0.4", - "react-dom": "^17.0.2", - "react-loader-spinner": "^4.0.0", - "react-router-dom": "^6.2.1", - "react-scripts": "^4.0.3", - "styled-components": "^5.3.3" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject" - }, - "eslintConfig": { - "extends": [ - "react-app" - ] - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] - } -} \ No newline at end of file diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png deleted file mode 100644 index b6343f3..0000000 Binary files a/public/favicon-16x16.png and /dev/null differ diff --git a/public/index.html b/public/index.html deleted file mode 100644 index 20fbe90..0000000 --- a/public/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - Track It - - - - -
- - - - - \ No newline at end of file diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 726b751..0000000 --- a/src/App.js +++ /dev/null @@ -1,45 +0,0 @@ -import { BrowserRouter, Routes, Route } from "react-router-dom"; -import { useState } from "react"; -import LoginPage from "./components/LoginPage"; -import SignUpPage from "./components/SignUpPage"; -import HabitsPage from "./components/HabitsPage"; -import TodayPage from "./components/TodayPage"; -import HistoryPage from "./components/HistoryPage"; -import TokenContext from "./contexts/TokenContext"; -import UserContext from "./contexts/UserContext"; - -export default function App() { - const tokenOnLocalStorage = localStorage.getItem("token"); - const imageOnLocalStorage = localStorage.getItem("image"); - const [token, setToken] = useState(tokenOnLocalStorage); - const [image, setImage] = useState(imageOnLocalStorage); - const [progress, setProgress] = useState(0); - - function setAndPersistToken(token) { - setToken(token); - localStorage.setItem("token", token); - } - - function setAndPersistUser(image) { - setImage(image); - localStorage.setItem("image", image); - // localStorage.setItem("name", name); - // localStorage.setItem("password", password); - } - - return ( - - - - - } /> - } /> - } /> - } /> - } /> - - - - - ); -} \ No newline at end of file diff --git a/src/components/Button.js b/src/components/Button.js deleted file mode 100644 index 53d243e..0000000 --- a/src/components/Button.js +++ /dev/null @@ -1,21 +0,0 @@ -import styled from "styled-components"; - -const Button = styled.button` - height: 45px; - width: 100%; - background-color: #52B6FF; - ${(props) => props.disabled && "opacity: 0.7;"} - color: #FFFFFF; - font-family: 'Lexend Deca', sans-serif; - padding: 14px; - ${(props) => !props.noMargin && "margin-bottom: 10px;"} - border-radius: 4.63636px; - border: none; - display: flex; - align-items: center; - justify-content: center; - font-size: 20px; - cursor: pointer; -`; - -export default Button; \ No newline at end of file diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js deleted file mode 100644 index 7e6629b..0000000 --- a/src/components/Footer/index.js +++ /dev/null @@ -1,33 +0,0 @@ -import { Footer, Nav, Div, StyledLink } from "./style"; -import { CircularProgressbar, buildStyles } from 'react-circular-progressbar'; -import 'react-circular-progressbar/dist/styles.css'; -import { useContext } from "react"; -import UserContext from "../../contexts/UserContext"; - -function FooterBox() { - const { progress } = useContext(UserContext); - const percentage = progress; - return ( - - ) -} - -export default FooterBox; \ No newline at end of file diff --git a/src/components/Footer/style.js b/src/components/Footer/style.js deleted file mode 100644 index e6dc259..0000000 --- a/src/components/Footer/style.js +++ /dev/null @@ -1,38 +0,0 @@ -import styled from "styled-components"; -import { Link } from "react-router-dom"; - -const Footer = styled.div` - width: 100%; - height: 70px; - background-color: #FFFFFF; - position: fixed; - bottom: 0; - display: flex; - justify-content: space-between; - align-items: center; - padding: 22px 31px 26px 36px; - - `; -const Nav = styled.nav` - color: #52B6FF; - font-size: 18px; - cursor: pointer; -`; - -const Div = styled.div` - width: 91px; - height: 91px; - margin-bottom: 40px; -`; - -const StyledLink = styled(Link)` - text-decoration: none; - color: inherit; -`; - -export { - Footer, - Nav, - Div, - StyledLink -} \ No newline at end of file diff --git a/src/components/HabitsPage/index.js b/src/components/HabitsPage/index.js deleted file mode 100644 index 004fb51..0000000 --- a/src/components/HabitsPage/index.js +++ /dev/null @@ -1,88 +0,0 @@ -import axios from 'axios'; -import Header from "../Header"; -import Footer from "../Footer"; -import NewHabit from "../NewHabit"; -import { useState, useEffect, useContext } from 'react'; -import { Container, AddHabit, Title, Habit, Habits, Button, Days } from "./style"; -import TokenContext from "../../contexts/TokenContext"; -import { useNavigate } from 'react-router-dom'; -import UserContext from '../../contexts/UserContext'; - -function HabitsPage() { - const [habits, setHabits] = useState([]); - const [newHabit, setNewHabit] = useState(false); - const [name, setName] = useState(''); - const [days, setDays] = useState([]); - const [selectedDays, setSelectedDays] = useState([]); - const { image } = useContext(UserContext); - const { token } = useContext(TokenContext); - - const weekdays = ['D', 'S', "T", 'Q', 'Q', 'S', 'S']; - const navigate = useNavigate(); - - function handleHabit() { - const promise = axios.get('https://mock-api.bootcamp.respondeai.com.br/api/v2/trackit/habits', { - headers: { - Authorization: `Bearer ${token}` - } - }); - - promise.then(response => { - setHabits(response.data) - - }); - promise.catch(error => console.log(error.response)); - } - useEffect(() => { - handleHabit() - }, []); - - function handleDeleteHabit(IdHabit) { - const promise = axios.delete(`https://mock-api.bootcamp.respondeai.com.br/api/v2/trackit/habits/${IdHabit}`, { - headers: { - Authorization: `Bearer ${token}` - } - }); - - promise.then(response => handleHabit()) - promise.catch(error => console.log(error.response)) - } - - return ( - -
- - <h1>Meus hábitos</h1> - <AddHabit onClick={() => setNewHabit(!newHabit)}>+</AddHabit> - - {newHabit && } - {habits.length === 0 ? Você não tem nenhum hábito cadastrado ainda. - Adicione um hábito para começar a trackear! - : - - { - habits.map((habit) => ( - -
- {habit.name} - { - window.confirm("Deseja realmente excluir o hábito?") && - handleDeleteHabit(habit.id) - }}> - -
- { - weekdays.map((day, index) => ) - } - - - )) - } - - } -