polish modal

src/App.js

@@ -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)}

src/components/ButtonWithModal.js

@@ -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>

src/components/LoginInput.js

@@ -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)

src/components/StudentsList.js

@@ -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