Commit 796349ba authored by 우지원's avatar 우지원
Browse files

로그인, 회원가입 페이지(Nav추가)

parent 2a94cd4d
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Button, Form, Container } from 'react-bootstrap'; import { Button, Form, Container, Navbar } from 'react-bootstrap';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
function LogIn() { function LogIn() {
...@@ -16,6 +16,11 @@ function LogIn() { ...@@ -16,6 +16,11 @@ function LogIn() {
}; };
return ( return (
<>
<Navbar bg="dark" variant="dark">
<Navbar.Brand>YDK Messenger</Navbar.Brand>
</Navbar>
<Form noValidate validated={validated} onSubmit={handleSubmit}> <Form noValidate validated={validated} onSubmit={handleSubmit}>
<Container className="d-flex justify-content-center"> <Container className="d-flex justify-content-center">
<div className="mt-5 p-5 shadow w-75"> <div className="mt-5 p-5 shadow w-75">
...@@ -44,7 +49,9 @@ function LogIn() { ...@@ -44,7 +49,9 @@ function LogIn() {
</Form.Control.Feedback> </Form.Control.Feedback>
</Form.Group> </Form.Group>
<Link to="./homepage">
<Button type="submit" variant="outline-success" size="lg" className="mr-4" block>로그인</Button> <Button type="submit" variant="outline-success" size="lg" className="mr-4" block>로그인</Button>
</Link>
<Link to="./signuppage"> <Link to="./signuppage">
<h6 type="button" className="text-right mt-2" style={{ cursor: 'pointer' }}>회원가입</h6> <h6 type="button" className="text-right mt-2" style={{ cursor: 'pointer' }}>회원가입</h6>
...@@ -52,6 +59,7 @@ function LogIn() { ...@@ -52,6 +59,7 @@ function LogIn() {
</div> </div>
</Container> </Container>
</Form> </Form>
</>
); );
} }
......
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Button, Form, Container } from 'react-bootstrap'; import { Button, Form, Container, Navbar } from 'react-bootstrap';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
function SingUp() { function SingUp() {
...@@ -16,6 +16,11 @@ function SingUp() { ...@@ -16,6 +16,11 @@ function SingUp() {
}; };
return ( return (
<>
<Navbar bg="dark" variant="dark">
<Navbar.Brand>YDK Messenger</Navbar.Brand>
</Navbar>
<div> <div>
<Form noValidate validated={validated} onSubmit={handleSubmit}> <Form noValidate validated={validated} onSubmit={handleSubmit}>
<Container className="d-flex justify-content-center"> <Container className="d-flex justify-content-center">
...@@ -67,13 +72,14 @@ function SingUp() { ...@@ -67,13 +72,14 @@ function SingUp() {
</Form.Control.Feedback> </Form.Control.Feedback>
</Form.Group> </Form.Group>
<Link to="./homepage"> <Link to="./">
<Button type="submit" variant="outline-success" size="lg" className="mr-4" block>가입</Button> <Button type="submit" variant="outline-success" size="lg" className="mr-4" block>가입</Button>
</Link> </Link>
</div> </div>
</Container> </Container>
</Form> </Form>
</div > </div >
</>
) )
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment