Commit 5f25610a authored by Choi Ga Young's avatar Choi Ga Young
Browse files

진짜 끝

parent 4c6f4efe
......@@ -57,6 +57,9 @@ function EnterRoom(props) {
<Modal.Header closeButton>
<Modal.Title>참여 코드로 채팅 참가</Modal.Title>
</Modal.Header>
{error && <Alert variant='danger'>
{error}
</Alert>}
<Modal.Body>
<Form onSubmit={handleSubmit}>
<Form.Group as={Row} controlId="formCodeE">
......@@ -67,7 +70,7 @@ function EnterRoom(props) {
</Form.Group>
<Form.Group as={Row}>
<Col sm={{ span: 5, offset: 4 }}>
<Button type="submit" style={{backgroundColor:"#9174ad", borderColor:"#9174ad"}} >참가</Button>
<Button type="submit" style={{ backgroundColor: "#9174ad", borderColor: "#9174ad" }} >참가</Button>
</Col>
</Form.Group>
</Form>
......
......@@ -54,9 +54,9 @@ function LogIn() {
return (
<>
<Menu />
<Form onSubmit={handleSubmit} className='vh-85 flex-column align-items-center justify-content-center mt-2'>
<Container className="d-flex justify-content-center">
<div className="mt-5 p-5 shadow w-75">
<Form onSubmit={handleSubmit} className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
<div className="d-flex justify-content-center">
<div className="mt-5 p-5 mr-2" style={{ display: "flex", flexDirection: "column", borderStyle: "solid", borderRadius: "5px", borderColor: "#4A5D7E", backgroundColor: "#FFFFFF", padding: '15px', position: "relative" }}>
<h2 className="text-center">로그인</h2>
<Form.Group controlId="formGroupEmail">
<Form.Label>이메일</Form.Label>
......@@ -85,7 +85,6 @@ function LogIn() {
필수 정보입니다! 비밀번호를 입력해주세요!
</Form.Control.Feedback>
</Form.Group>
<Button
disabled={disabled || loading}
type="submit"
......@@ -100,7 +99,7 @@ function LogIn() {
{error}
</Alert>}
</div>
</Container>
</div>
</Form>
</>
);
......
import React, { useState, useEffect } from 'react';
import axios from 'axios'
import { Button, Form, Container, Alert, Spinner} from 'react-bootstrap';
import { Button, Form, Container, Alert, Spinner } from 'react-bootstrap';
import catchErrors from '../utils/catchErrors';
import { Redirect } from 'react-router-dom';
import Menu from '../Components/Menu';
......@@ -54,9 +54,9 @@ function SingUp() {
return (
<>
<Menu />
<Form onSubmit={handleSubmit} className='vh-100 flex-column align-items-center justify-content-center mt-2'>
<Container className="d-flex justify-content-center">
<div className="mt-5 p-5 shadow w-75">
<Form onSubmit={handleSubmit} className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
<div className="d-flex justify-content-center">
<div className="mt-5 p-5 mr-2" style={{ display: "flex", flexDirection: "column", borderStyle: "solid", borderRadius: "5px", borderColor: "#4A5D7E", backgroundColor: "#FFFFFF", padding: '15px', position: "relative" }}>
<h2 className="text-center ">회원가입</h2>
......@@ -129,7 +129,7 @@ function SingUp() {
{error}
</Alert>}
</div>
</Container>
</div>
</Form>
</>
)
......
......@@ -7,10 +7,9 @@ export function handleLogin(data) {
}
export async function handleLogout() {
alert('로그아웃 되었습니다')
sessionStorage.clear();
await axios.get('/auth/logout')
//login페이지로 이동
// window.location.href='/login'
}
export function isAuthenticated() {
......
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