- + The objective of the game is to answer as many questions correctly as possible. + +
Objetive:
+
-
- Hello {username}!
-
-
- Your account was created on {new Date(createdAt).toLocaleDateString()}.
-
-
- ) : (
-
-
- Login
-
- setUsername(e.target.value)}
- />
- setPassword(e.target.value)}
- />
-
- setError('')} message={`Error: ${error}`} />
- )}
+
+// {loginSuccess ? (
+//
+// );
+// };
+
+// export default Login;
diff --git a/webapp/src/components/fragments/NavBar.css b/webapp/src/components/fragments/NavBar.css
new file mode 100644
index 00000000..4ec0f2c2
--- /dev/null
+++ b/webapp/src/components/fragments/NavBar.css
@@ -0,0 +1,41 @@
+.navbar-container {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: blue;
+ width: 100%;
+ padding: 10px;
+ box-sizing: border-box;
+ }
+
+ main {
+ width: 100%;
+ }
+
+ .navbar-container img {
+ width: 40px;
+ height: 40px;
+ margin-right: 10px;
+ }
+
+ .navbar-text {
+ color: white;
+ }
+
+
+ .help-button {
+ border: none;
+ background: none;
+
+ }
+
+ .help-button img {
+ width: 40px;
+ height: 40px;
+ }
+
+
+
+
+
+
\ No newline at end of file
diff --git a/webapp/src/components/fragments/NavBar.js b/webapp/src/components/fragments/NavBar.js
new file mode 100644
index 00000000..2e65ea02
--- /dev/null
+++ b/webapp/src/components/fragments/NavBar.js
@@ -0,0 +1,31 @@
+// NavBar.js
+import React from 'react';
+import Typography from "@mui/material/Typography";
+import { Link } from 'react-router-dom';
+import "./NavBar.css";
+
+function Navbar() {
+ return (
+ 
;
+}
+
+function Help() {
+ return (
+
+ 
+
+ );
+}
+
+export default Navbar;
+
+
);
};
+
+function LinkRegister() {
+ return (
+
+ Don't you have an account? Register here.
+
+ );
+}
export default Login;
+
+// // src/components/Login.js
+// import React, { useState } from 'react';
+// import axios from 'axios';
+// import { Container, Typography, TextField, Button, Snackbar } from '@mui/material';
+
+// const Login = () => {
+// const [username, setUsername] = useState('');
+// const [password, setPassword] = useState('');
+// const [error, setError] = useState('');
+// const [loginSuccess, setLoginSuccess] = useState(false);
+// const [createdAt, setCreatedAt] = useState('');
+// const [openSnackbar, setOpenSnackbar] = useState(false);
+
+// const apiEndpoint = process.env.REACT_APP_API_ENDPOINT || 'http://localhost:8000';
+
+// const loginUser = async () => {
+// try {
+// const response = await axios.post(`${apiEndpoint}/login`, { username, password });
+
+// // Extract data from the response
+// const { createdAt: userCreatedAt } = response.data;
+
+// setCreatedAt(userCreatedAt);
+// setLoginSuccess(true);
+
+// setOpenSnackbar(true);
+// } catch (error) {
+// setError(error.response.data.error);
+// }
+// };
+
+// const handleCloseSnackbar = () => {
+// setOpenSnackbar(false);
+// };
+
+// return (
+//
+//
+// Hello {username}!
+//
+//
+// Your account was created on {new Date(createdAt).toLocaleDateString()}.
+//
+//
+// ) : (
+//
+//
+// Login
+//
+// setUsername(e.target.value)}
+// />
+// setPassword(e.target.value)}
+// />
+//
+// setError('')} message={`Error: ${error}`} />
+// )}
+//
+// )}
+//
+
+ Know and Win!
+
+
+ );
+}
+
+function Profile() {
+ return ;
+}
+
+function Help() {
+ return (
+
+
+
+ );
+}
+
+export default Navbar;