-
Notifications
You must be signed in to change notification settings - Fork 0
/
Reusables.js
66 lines (63 loc) · 2.19 KB
/
Reusables.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import React, { Component } from 'react';
import { Tooltip } from 'react-tippy';
export class Modal extends Component {
render() {
return (
<div id='modal-holder' className="modal-holder">
<div className="image"><img src="liberty.png" alt="" title="test"></img></div>
<div className="main-modal">
<div className="colossus">From her beacon-hand<br/>
Glows world-wide welcome…<br/>
“Give me your tired, your poor,<br/>
Your huddled masses yearning to breathe free<br/>
Send these, the homeless, tempest-tost to me”
</div>
<div className="image-credit">image:
<a href="https://goo.gl/Wt4S3r" alt=""
target="_blank" rel="noopener noreferrer"> andrewasmith</a>
</div>
</div>
</div>
)
}
}
export class LPRCheckbox extends Component {
render() {
const {checkboxItem,itemChecked,changeLPRCheckboxState} = this.props;
const {name, label, title} = checkboxItem;
return (
<div className="checkbox-item-holder">
<label>
<input className="checkbox" type="checkbox" checked={itemChecked}
onChange={(event) => {changeLPRCheckboxState(event.target.checked,name)}}
id={name}>
</input>
<Tooltip title={title} size='small' position='bottom' trigger='mouseenter'
animation='shift' hideOnClick={true}>
{label}
</Tooltip>
</label>
</div>
)
}
}
export class NICheckbox extends Component {
render() {
const {checkboxItem,itemChecked,changeNICheckboxState} = this.props;
const {name, label, title} = checkboxItem;
return (
<span>
<label>
<input type="checkbox" checked={itemChecked}
onChange={(event) => {changeNICheckboxState(event.target.checked,name)}}
id={name}>
</input>
<Tooltip title={title} size='small' position='bottom' trigger='mouseenter'
animation='shift' hideOnClick={true}>
{label}
</Tooltip>
</label>
</span>
)
}
}