Toggle navigation
Toggle navigation
This project
Loading...
Sign in
서민정
/
SEARCH-AND-CHAT
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
2
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
서민정
2020-06-02 18:18:18 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
06f386a2a14329cf0ced4556c207a83f1e13f506
06f386a2
1 parent
369118a0
update loginpage & registerpage
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
101 additions
and
26 deletions
client/src/App.js
client/src/views/Footer.js
client/src/views/loginpage.js
client/src/views/registerpage.js
client/src/App.js
View file @
06f386a
...
...
@@ -13,8 +13,8 @@ function App() {
return
(
<
Suspense
fallback
=
{(
<
div
>
Loading
...
<
/div>
)
}
>
<
Switch
>
<
Route
exact
path
=
"/"
component
=
{
chatpage
}
/
>
<
Route
exact
path
=
"/
login
"
component
=
{
loginpage
}
/
>
<
Route
exact
path
=
"/
chat
"
component
=
{
chatpage
}
/
>
<
Route
exact
path
=
"/"
component
=
{
loginpage
}
/
>
<
Route
exact
path
=
"/register"
component
=
{
registerpage
}
/
>
<
/Switch
>
<
/Suspense
>
...
...
client/src/views/Footer.js
deleted
100644 → 0
View file @
369118a
import
React
from
'react'
import
{
Icon
}
from
'antd'
;
function
Footer
()
{
return
(
<
div
style
=
{{
height
:
'80px'
,
display
:
'flex'
,
flexDirection
:
'column'
,
alignItems
:
'center'
,
justifyContent
:
'center'
,
fontSize
:
'1rem'
}}
>
<
p
>
CHATBOT
APP
<
Icon
type
=
"smile"
/><
/p
>
<
/div
>
)
}
export
default
Footer
client/src/views/loginpage.js
View file @
06f386a
import
React
from
"react"
;
import
{
Typography
}
from
'antd'
;
import
{
Typography
,
Form
,
Input
,
Icon
,
Button
}
from
'antd'
;
import
{
withRouter
}
from
"react-router-dom"
;
const
{
Title
}
=
Typography
;
...
...
@@ -7,11 +7,54 @@ const { Title } = Typography;
function
loginpage
()
{
return
(
<
div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1
rem'
}}
>
<
Title
level
=
{
2
}
>
LoginPage
Test
<
/Title
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
,
paddingTop
:
'10
rem'
}}
>
<
Title
level
=
{
2
}
>
Login
Page
<
/Title
>
<
/div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
}}
>
<
form
style
=
{{
width
:
'350px'
}}
>
<
Form
.
Item
required
>
<
Input
id
=
"email"
prefix
=
{
<
Icon
type
=
"user"
style
=
{{
color
:
'rgba(0,0,0,.25)'
}}
/>
}
placeholder
=
"Enter your email"
type
=
"email"
/>
<
/Form.Item
>
<
Form
.
Item
required
>
<
Input
id
=
"password"
prefix
=
{
<
Icon
type
=
"lock"
style
=
{{
color
:
'rgba(0,0,0,.25)'
}}
/>
}
placeholder
=
"Enter your password"
type
=
"password"
/>
<
/Form.Item
>
<
Form
.
Item
>
<
div
>
<
Button
type
=
"primary"
htmlType
=
"submit"
className
=
"login-form-button"
style
=
{{
minWidth
:
'100%'
}}
>
Log
in
<
/Button
>
<
/div
>
)
<
a
href
=
"/register"
>
가입하기
<
/a> Or <a href = "/
chat
"
>
비회원으로
사용하기
<
/a
>
<
/Form.Item
>
<
/form
>
<
/div
>
<
/div
>
);
// return (
// <div>
// <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
// <Title level={2} >Login Page</Title>
// </div>
// </div>
// )
}
export
default
withRouter
(
loginpage
);
\ No newline at end of file
...
...
client/src/views/registerpage.js
View file @
06f386a
import
React
from
"react"
;
import
{
Typography
}
from
'antd'
;
import
{
Typography
,
Form
,
Input
,
Button
}
from
'antd'
;
import
{
withRouter
}
from
"react-router-dom"
;
const
{
Title
}
=
Typography
;
...
...
@@ -7,11 +7,59 @@ const { Title } = Typography;
function
registerpage
()
{
return
(
<
div
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
}}
>
<
Title
level
=
{
2
}
>
RegisterPage
Test
<
/Title
>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
,
paddingTop
:
'5rem'
}}
>
<
Title
level
=
{
2
}
>
Singup
Page
<
/Title
>
<
/div>
<
div
style
=
{{
display
:
'flex'
,
justifyContent
:
'center'
,
marginTop
:
'1rem'
}}
>
<
Form
style
=
{{
minWidth
:
'375px'
}}
>
<
Form
.
Item
required
label
=
"Name"
>
<
Input
id
=
"name"
placeholder
=
"Enter your name"
type
=
"text"
/>
<
/Form.Item
>
<
Form
.
Item
required
label
=
"Email"
>
<
Input
id
=
"email"
placeholder
=
"Enter your Email"
type
=
"email"
/>
<
/Form.Item
>
<
Form
.
Item
required
label
=
"keyword"
>
<
Input
id
=
"keyword"
placeholder
=
"Enter keywords to request the chatbot to search for instead."
type
=
"keyword"
/>
<
/Form.Item
>
<
Form
.
Item
required
label
=
"Password"
>
<
Input
id
=
"password"
placeholder
=
"Enter your password"
type
=
"password"
/>
<
/Form.Item
>
<
Form
.
Item
>
<
Button
type
=
"primary"
>
Submit
<
/Button
>
<
/Form.Item
>
<
/Form
>
<
/div
>
<
/div>
)
);
// return (
// <div>
// <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
// <Title level={2} >RegisterPage Test</Title>
// </div>
// </div>
// )
}
export
default
withRouter
(
registerpage
);
\ No newline at end of file
...
...
Please
register
or
login
to post a comment