Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 54a37cf

Browse files
Ready for final commit
1 parent 499d3a4 commit 54a37cf

File tree

8 files changed

+121
-39
lines changed

8 files changed

+121
-39
lines changed

‎src/App.js‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@ import './App.css'
22
import Signup from './Components/Pages/Home/Signup'
33
import Login from './Components/Pages/Home/Login'
44
import Dashboard from './Components/Pages/Home/Dashboard'
5-
import Header from './Components/Pages/Reusables/Header/Header'
6-
import Footer from './Components/Pages/Reusables/Footer/Footer'
75

86
import {
97
BrowserRouter as Router,
@@ -16,13 +14,11 @@ function App() {
1614
return (
1715
<>
1816
<Router>
19-
<Header />
2017
<Routes>
2118
<Route exact path="/" element={<Signup />} />
2219
<Route exact path="/login" element={<Login />} />
2320
<Route exact path="/dashboard" element={<Dashboard />} />
2421
</Routes>
25-
<Footer />
2622
</Router>
2723
</>
2824
);
Lines changed: 58 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,64 @@
1-
import React from 'react'
1+
import React ,{useEffect, useState}from 'react'
2+
3+
import Header from './Header'
24
import 'bootstrap/dist/css/bootstrap.min.css';
3-
import Container from 'react-bootstrap/Container';
4-
import Nav from 'react-bootstrap/Nav';
5-
import Navbar from 'react-bootstrap/Navbar';
5+
import { Link, useNavigate } from "react-router-dom"
6+
7+
import Table from 'react-bootstrap/Table';
8+
9+
import axios from 'axios';
10+
611

712
const Dashboard = () => {
8-
return (
9-
<Navbar bg="light" variant="light">
10-
<Container>
11-
{/* <Navbar.Brand href="/">Dashboard</Navbar.Brand> */}
12-
{/* <Nav className="me-auto">
13-
<Nav.Link href="/">Gallery</Nav.Link>
14-
</Nav> */}
15-
<Nav className="me-auto">Dashboard</Nav>
16-
</Container>
17-
</Navbar>
18-
)
13+
14+
const [data, setData] = useState('');
15+
16+
17+
useEffect(() => {
18+
axios.get('http://127.0.0.1:8000/api/dashboard').then((response) => {
19+
console.log(response)
20+
// setData(response.data);
21+
}).catch((error) => {
22+
console.error(error);
23+
})
24+
}, [])
25+
26+
return (
27+
28+
<>
29+
<Header />
30+
<div className='container my-3'>
31+
<div className="row">
32+
<div className="col">
33+
<Table striped bordered hover>
34+
<thead>
35+
<tr>
36+
<th>ID</th>
37+
<th>First Name</th>
38+
<th>Last Name</th>
39+
<th>Email ID</th>
40+
</tr>
41+
</thead>
42+
<tbody>
43+
{
44+
Object.entries(data).map((i, d) => {
45+
return (
46+
<tr key={d}>
47+
<td> {i[1].id } </td>
48+
<td> {i[1].firstName }</td>
49+
<td> {i[1].lastName }</td>
50+
<td> {i[1].email }</td>
51+
</tr>
52+
)
53+
})
54+
}
55+
</tbody>
56+
</Table>
57+
</div>
58+
</div>
59+
</div>
60+
</>
61+
)
1962
}
2063

2164
export default Dashboard

‎src/Components/Pages/Home/Header.jsx‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
import React ,{useState} from 'react'
2+
import 'bootstrap/dist/css/bootstrap.min.css';
3+
import Container from 'react-bootstrap/Container';
4+
import Nav from 'react-bootstrap/Nav';
5+
import Button from 'react-bootstrap/Button';
6+
import Navbar from 'react-bootstrap/Navbar';
7+
import { Link, useNavigate } from "react-router-dom"
8+
9+
import axios from 'axios'
10+
11+
const Header = () => {
12+
13+
const [data, setData] = useState('')
14+
const [token ,setToken] = useState('')
15+
16+
function deleteHandle(){
17+
axios.post(`http://127.0.0.1:8000/api/logout`).then((response) => {
18+
console.log(response);
19+
}).catch((error) => {
20+
console.error(error);
21+
})
22+
}
23+
24+
25+
return (
26+
27+
<Navbar bg="light" variant="light">
28+
<Container>
29+
<Nav className="me-auto">Dashboard</Nav>
30+
<Button onClick={deleteHandle}>Logout</Button>
31+
</Container>
32+
</Navbar>
33+
)
34+
}
35+
36+
export default Header

‎src/Components/Pages/Home/Login.jsx‎

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import React,{ useState } from 'react'
1+
import React,{ useState } from 'react'
22
import Avatar from '@mui/material/Avatar'
33
import Button from '@mui/material/Button'
44
import CssBaseline from '@mui/material/CssBaseline'
@@ -12,19 +12,26 @@ import { createTheme, ThemeProvider } from '@mui/material/styles'
1212

1313
import axios from 'axios'
1414

15-
import { Link,useNavigate } from "react-router-dom"
15+
import { Link, useNavigate } from "react-router-dom"
16+
1617

1718

1819

1920
const Login = () => {
2021

22+
23+
24+
25+
2126
const theme = createTheme();
2227
const navigate = useNavigate();
2328

2429
const [email, setEmail] = useState("")
2530
const [password, setPassword] = useState("")
2631

27-
function handleSubmit(event){
32+
const [error,setError] = useState(false);
33+
34+
function handleSubmit(event) {
2835

2936
event.preventDefault();
3037

@@ -36,16 +43,15 @@ const Login = () => {
3643
}
3744

3845
axios.post(`http://127.0.0.1:8000/api/login`, formData).then((response) => {
39-
40-
console.log(response)
41-
if(response){
42-
if(response.data.success==="Login Successfull"){
43-
navigate("/dashboard");
46+
47+
if(response){
48+
if(response.data.success==="Login Successfull"){
49+
navigate("/dashboard");
50+
}
4451
}
45-
}
4652

4753
}).catch((error) => {
48-
console.error(error);
54+
setError(true);
4955
})
5056

5157
}
@@ -77,7 +83,12 @@ const Login = () => {
7783
name="email"
7884
autoComplete="email"
7985
autoFocus
86+
value={values.email}
87+
onChange={handleChange}
88+
onBlur={handleBlur}
8089
/>
90+
91+
<p className="form-error">{{error}}</p>
8192
<TextField
8293
margin="normal"
8394
required
@@ -87,7 +98,13 @@ const Login = () => {
8798
type="password"
8899
id="password"
89100
autoComplete="current-password"
101+
value={values.password}
102+
onChange={handleChange}
103+
onBlur={handleBlur}
90104
/>
105+
{error.password ? (
106+
<p className="form-error">{error.password}</p>
107+
) : null}
91108
<Button
92109
type="submit"
93110
fullWidth

‎src/Components/Pages/Reusables/Header/Header.jsx‎

Lines changed: 0 additions & 10 deletions
This file was deleted.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /