diff --git a/src/components/UI/Modal/Modal.js b/src/components/UI/Modal/Modal.js index 6b34ed1..a39a483 100644 --- a/src/components/UI/Modal/Modal.js +++ b/src/components/UI/Modal/Modal.js @@ -7,7 +7,7 @@ import classes from './Modal.css'; class Modal extends Component { shouldComponentUpdate(nextProps, nextState){ - return nextProps.show !== this.props.show; + return nextProps.show !== this.props.show || nextProps.children !== this.props.children; } render() { diff --git a/src/components/UI/Spinner/Spinner.css b/src/components/UI/Spinner/Spinner.css new file mode 100644 index 0000000..c696e10 --- /dev/null +++ b/src/components/UI/Spinner/Spinner.css @@ -0,0 +1,41 @@ +.Loader, +.Loader:after { + border-radius: 50%; + width: 10em; + height: 10em; +} +.Loader { + margin: 60px auto; + font-size: 10px; + position: relative; + text-indent: -9999em; + border-top: 1.1em solid rgba(195,8,247, 0.2); + border-right: 1.1em solid rgba(195,8,247, 0.2); + border-bottom: 1.1em solid rgba(195,8,247, 0.2); + border-left: 1.1em solid #c308f7; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: load8 1.1s infinite linear; + animation: load8 1.1s infinite linear; +} +@-webkit-keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} diff --git a/src/components/UI/Spinner/Spinner.js b/src/components/UI/Spinner/Spinner.js new file mode 100644 index 0000000..3de0658 --- /dev/null +++ b/src/components/UI/Spinner/Spinner.js @@ -0,0 +1,9 @@ +import React from 'react'; + +import classes from './Spinner.css'; + +const spinner = () => ( +