+ {items.length === 0 ? (
+
+ );
+};
+
+export default ItemList;
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Items/assets/not_found.svg b/Turma1093/aula7/listaDeTarefas/src/components/Items/assets/not_found.svg
new file mode 100644
index 0000000..d6e2371
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Items/assets/not_found.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Items/index.tsx b/Turma1093/aula7/listaDeTarefas/src/components/Items/index.tsx
new file mode 100644
index 0000000..907d9fa
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Items/index.tsx
@@ -0,0 +1,51 @@
+import { useState, useEffect } from 'react';
+import CreateItemForm from './CreateItemForm';
+import ItemList from './ItemList';
+
+type Item = {
+ text: string;
+ date: string;
+};
+
+const Items = () => {
+ const [items, setItems] = useState
+ 
+
+ ) : (
+ <>
+ Desculpe mas não encontrei nenhuma tarefa!
+
+
+
+
+
+
+ +
+ Política de tolerância das tarefas:
+
+
+
+
+
+
+
-
+ {sortedItems.map((item, index) => (
+
-
+ {index === editIndex ? (
+ setEditedText(e.target.value)}
+ />
+ ) : (
+ + ++ )} +Tarefa: {item.text}+{item.date}++ {index === editIndex ? ( + + ) : ( + + )} + ++
+ ))}
+
+
+ );
+};
+
+export default Items;
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Loading/index.tsx b/Turma1093/aula7/listaDeTarefas/src/components/Loading/index.tsx
new file mode 100644
index 0000000..8dc1e5f
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Loading/index.tsx
@@ -0,0 +1,18 @@
+type LoadingPageProps = {
+ text?: string;
+};
+
+const LoadingPage: React.FC
+
+ );
+}
+
+export default LoadingPage;
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Login/LoginContainer.tsx b/Turma1093/aula7/listaDeTarefas/src/components/Login/LoginContainer.tsx
new file mode 100644
index 0000000..ffd1792
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Login/LoginContainer.tsx
@@ -0,0 +1,83 @@
+import { useState, useEffect } from "react";
+import { useNavigate, } from "react-router-dom";
+
+import logoItau from './assets/logo.png';
+import ErrorCredentials from './assets/wrong.svg';
+
+const LoginContainer: React.FC = () => {
+ const [username, setUsername] = useState("demonstracao@itau.com.br");
+ const [password, setPassword] = useState("demonstracao");
+ const [error, setError] = useState(false);
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ if (localStorage.getItem("logged") !== null) {
+ navigate("/dashboard");
+ }
+ }, [navigate]);
+
+ const handleSubmit = async (e: { preventDefault: () => void; }) => {
+ e.preventDefault();
+
+ if (username == 'demonstracao@itau.com.br' && password == 'demonstracao') {
+ localStorage.setItem("user", "Demonstração");
+ localStorage.setItem("userId", username);
+ localStorage.setItem("logged", "true");
+ setUsername("");
+ navigate("/dashboard");
+ } else {
+ setError(true);
+ }
+ };
+
+ return (
+
+
+
+
+
+ {text}
+
+
+ )
+}
+
+export default LoginContainer;
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Login/VideoContainer.tsx b/Turma1093/aula7/listaDeTarefas/src/components/Login/VideoContainer.tsx
new file mode 100644
index 0000000..3d1855b
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Login/VideoContainer.tsx
@@ -0,0 +1,15 @@
+import { memo } from "react";
+
+import video from './assets/video.mp4';
+
+const VideoContainer: React.FC = () => {
+ return (
+
+
+
+ )
+}
+
+export default memo(VideoContainer);
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/logo.png b/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/logo.png
new file mode 100644
index 0000000..fae776b
Binary files /dev/null and b/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/logo.png differ
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/video.mp4 b/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/video.mp4
new file mode 100644
index 0000000..19b4d36
Binary files /dev/null and b/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/video.mp4 differ
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/wrong.svg b/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/wrong.svg
new file mode 100644
index 0000000..fce89d0
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Login/assets/wrong.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/Login/index.tsx b/Turma1093/aula7/listaDeTarefas/src/components/Login/index.tsx
new file mode 100644
index 0000000..8c0b26b
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/Login/index.tsx
@@ -0,0 +1,21 @@
+import VideoContainer from "./VideoContainer";
+import LoginContainer from "./LoginContainer";
+import { useEffect, useState } from "react";
+
+const Login: React.FC = () => {
+ const [showVideo, setShowVideo] = useState(true)
+
+ useEffect(() => {
+ setShowVideo(import.meta.env.VITE_SHOW_VIDEO == 'true');
+ }, []);
+
+ return (
+
+ 
+
+
+
+ {showVideo &&
+
+ )
+}
+
+export default Login;
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/theme/Theme.tsx b/Turma1093/aula7/listaDeTarefas/src/components/theme/Theme.tsx
new file mode 100644
index 0000000..4255c4a
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/theme/Theme.tsx
@@ -0,0 +1,96 @@
+import { ReactNode, useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import Exit from './assets/close.svg';
+
+import logoItau from '../Login/assets/logo.png';
+
+type ThemeProps = {
+ children: ReactNode;
+ title: string;
+};
+
+const Theme: React.FC
+
+
+
+
+ );
+};
+
+export default Theme;
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/theme/assets/close.svg b/Turma1093/aula7/listaDeTarefas/src/components/theme/assets/close.svg
new file mode 100644
index 0000000..2e18d03
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/theme/assets/close.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/components/theme/assets/exit.svg b/Turma1093/aula7/listaDeTarefas/src/components/theme/assets/exit.svg
new file mode 100644
index 0000000..3d367b1
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/components/theme/assets/exit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Turma1093/aula7/listaDeTarefas/src/main.tsx b/Turma1093/aula7/listaDeTarefas/src/main.tsx
new file mode 100644
index 0000000..4236007
--- /dev/null
+++ b/Turma1093/aula7/listaDeTarefas/src/main.tsx
@@ -0,0 +1,20 @@
+import { StrictMode } from 'react';
+import ReactDOM from 'react-dom/client';
+import {
+ RouterProvider,
+} from "react-router-dom";
+import { Suspense } from 'react';
+
+import './assets/index.css';
+import router from './routes';
+import LoadingPage from './components/Loading';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+
+
+
+
+ {username && (
+ Bem vindo: {username}
+ )}
+ {username && (
+
+ )}
+
+
+
+
+ {isModalOpen && (
+ {title}
+ {children} +
+
+ )}
+
+
+
+
+
+ 
+
+
+ Tem certeza de que deseja sair?
+
+
+
+
+