|
|
@ -1,11 +1,19 @@ |
|
|
|
import React, { Fragment } from "react"; |
|
|
|
import React, { Fragment, useEffect } from "react"; |
|
|
|
import _ from "lodash"; |
|
|
|
import _ from "lodash"; |
|
|
|
|
|
|
|
import {connect} from 'react-redux'; |
|
|
|
|
|
|
|
import {publicApi} from '../../redux/actions'; |
|
|
|
|
|
|
|
|
|
|
|
import './index.scss'; |
|
|
|
import './index.scss'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//assets
|
|
|
|
import pic from "./pic.png"; |
|
|
|
import pic from "./pic.png"; |
|
|
|
import aboutLg from "./about-lg.png"; |
|
|
|
import aboutLg from "./about-lg.png"; |
|
|
|
|
|
|
|
|
|
|
|
function About({ fury, advantages, keywords, keywords2, first }) { |
|
|
|
function About({ fury, advantages, keywords, keywords2, first, setHeaderOptions }) { |
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
setHeaderOptions({ shown: true}); |
|
|
|
|
|
|
|
},[]); |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className={_.join(["about w-11/12 mx-auto flex flex-col"], " ")}> |
|
|
|
<div className={_.join(["about w-11/12 mx-auto flex flex-col"], " ")}> |
|
|
|
<main className="flex flex-col items-center pt-16"> |
|
|
|
<main className="flex flex-col items-center pt-16"> |
|
|
@ -80,7 +88,15 @@ function About({ fury, advantages, keywords, keywords2, first }) { |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
export default About; |
|
|
|
const mapStateToProps = (state) => ({ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const mapDispatchToProps = { |
|
|
|
|
|
|
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(About); |
|
|
|
|
|
|
|
|
|
|
|
About.defaultProps = { |
|
|
|
About.defaultProps = { |
|
|
|
first: { |
|
|
|
first: { |
|
|
|