FullInfoAboutStaff.js 875 B

123456789101112131415161718192021222324252627282930313233343536
  1. import React, { Component, Fragment } from 'react';
  2. import Loader from 'react-loader-spinner'
  3. class FullInfoAboutStaff extends Component {
  4. render() {
  5. const { InfoStaff, isFetching } = this.props
  6. let data;
  7. if(isFetching===true){
  8. data = <div>
  9. <Loader
  10. type="Triangle"
  11. color="#1890ff"
  12. height="75"
  13. width="75"
  14. />
  15. </div>
  16. }
  17. else {
  18. data = InfoStaff.map((el,key)=>(<div className="staff" key={key}> {el.title} {el.price} {el.description} {el.img} </div>)
  19. )
  20. }
  21. return (
  22. <Fragment>
  23. {data}
  24. </Fragment>
  25. );
  26. }
  27. }
  28. export default FullInfoAboutStaff;