Commit bc9eae61 authored by Jiawen Lyu's avatar Jiawen Lyu

polish modal

parent 1c05fa5f
......@@ -70,8 +70,8 @@ class App extends Component {
return (
<div>
<header>SR03</header>
<div class="clearfix wrapper">
<div class="main">
<div className="clearfix wrapper">
<div className="main">
<div className="scheduler-container">
<SchedulerWithData
timeFormatState={currentTimeFormatState}
......@@ -82,20 +82,20 @@ class App extends Component {
</div>
<MessageArea messages={messages} />
</div>
<div class="left">
<div class="left-content">
<div class="row">
<div class="col">
<div className="left">
<div className="left-content">
<div className="row">
<div className="col">
<LoginInput
handleClick={(this.addLogin)}
/>
</div>
</div>
<div class="row" />
<div class="row">
<label for="exampleInputEmail1">Current students:</label>
<div className="row" />
<div className="row">
<label htmlFor="exampleInputEmail1">Current students:</label>
</div>
<div class="row">
<div className="row">
<StudentsList
logins={logins}
handleClick={(this.deleteLogin)}
......
......@@ -25,6 +25,7 @@ export default (props) => {
<Modal show={show} onHide={handleClose}>
<Modal.Header closeButton>
<Modal.Title>Do you want to delete this user?</Modal.Title>
</Modal.Header>
<Modal.Body>Comfirmer à supprimer</Modal.Body>
<Modal.Footer>
......
......@@ -10,21 +10,21 @@ export const LoginInput = (props) => {
return (
<>
<form>
<div class="row">
<label for="exampleInputEmail1">Login</label>
<div className="row">
<label htmlFor="exampleInputEmail1">Login</label>
</div>
<div class="row">
<div class="col">
<div className="row">
<div className="col">
<input
class="form-control"
className="form-control"
ref={input => inputValue = input}
id="exampleInputEmail1"
/>
</div>
<div class="col">
<div className="col">
<button
type="submit"
class="btn btn-primary btn-sm"
className="btn btn-primary btn-sm"
onClick={(e) => {
e.preventDefault();
props.handleClick(inputValue.value)
......
......@@ -6,22 +6,22 @@ export const StudentsList = (props) => {
if (logins)
return (
<>
<ul class="list-group" id="studentList">
<ul className="list-group" id="studentList">
{
logins.map(login => (
<div class="row" key={login}>
<li
class="list-group-item"
>
{
login
}
</li>
<li
className="list-group-item"
key={login}
>
{
login
}
<ButtonWithModal
className="button-modal"
login={login}
handleClick={props.handleClick}
/>
</div>
</li>
))
}
......@@ -29,8 +29,8 @@ export const StudentsList = (props) => {
</>
)
else return (
<ul class="list-group">
<li class="list-group-item">null</li>
<ul className="list-group">
<li className="list-group-item">null</li>
</ul>
)
}
\ No newline at end of file
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