31 |
35 |
32 | { this.props.articles && this.renderArticles() }
33 |
34 | Loading...
17 | }
18 | // Handle the error state
19 | else if (error) {
20 |
21 | // This resolves an issue that newly named code-splitted js files make
22 | if(error['name'] && error['name'] == "ChunkLoadError"){
23 | window.location.reload();
24 | }
25 |
26 | return Sorry, there was a problem loading the page.
27 | }
28 | else {
29 | return null
30 | }
31 | }
32 |
33 | LoadingComponent.displayName = displayName
34 | LoadingComponent.propTypes = propTypes
35 |
36 | export default LoadingComponent
--------------------------------------------------------------------------------
/resources/js/common/navigation/NavItem.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import { NavLink } from 'react-router-dom'
4 | import { NavItem } from 'reactstrap'
5 |
6 | const propTypes = {
7 | path: PropTypes.string.isRequired,
8 | children: PropTypes.any,
9 | }
10 |
11 | const contextTypes = {
12 | router: PropTypes.object,
13 | }
14 |
15 | const Link = ({ path, children }) => {
16 | return -
14 |
-
19 |
-
21 |
-
24 |
21 |
23 | { children }
24 |
26 |
27 |
28 | }
29 |
30 | PrivateLayout.dispatch = displayName
31 | PrivateLayout.propTypes = propTypes
32 |
33 | export default PrivateLayout
34 |
--------------------------------------------------------------------------------
/resources/js/layout/Public.js:
--------------------------------------------------------------------------------
1 | //import libs
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 |
5 | // import components
6 | import Navigation from '../common/navigation/index'
7 | import ScrollTop from '../common/scroll-top/index'
8 | import Footer from '../common/footer/index'
9 |
10 | const containerStyle = {
11 | paddingTop: '3.5rem',
12 | }
13 |
14 | const displayName = 'Public Layout'
15 | const propTypes = {
16 | children: PropTypes.node.isRequired,
17 | }
18 |
19 | function PublicLayout({ children }) {
20 | return
21 |
23 | { children }
24 |
26 |
27 |
28 | }
29 |
30 | PublicLayout.dispatch = displayName
31 | PublicLayout.propTypes = propTypes
32 |
33 | export default PublicLayout
34 |
--------------------------------------------------------------------------------
/resources/js/layout/index.js:
--------------------------------------------------------------------------------
1 | //import libs
2 | import React, { useEffect } from 'react'
3 | import PropTypes from 'prop-types'
4 | import { connect } from 'react-redux'
5 | import { withRouter } from 'react-router-dom'
6 |
7 | // import services actions
8 | import { fetchUser } from '../modules/auth/service'
9 |
10 | // import components
11 | import PrivateLayout from './Private'
12 | import PublicLayout from './Public'
13 |
14 | function Layout(props) {
15 |
16 | const { isAuthenticated, user, children, dispatch } = props
17 |
18 | useEffect(() => {
19 | if (isAuthenticated && !user.id) {
20 | dispatch(fetchUser())
21 | }
22 | }, [isAuthenticated])
23 |
24 | if (isAuthenticated) {
25 | return
92 |
97 | }
98 | }
99 |
100 | export default Page
101 |
--------------------------------------------------------------------------------
/resources/js/modules/article/pages/add/components/Form.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 |
4 | const displayName = 'ArticleFrom'
5 | const propTypes = {
6 | article: PropTypes.object.isRequired,
7 | errors: PropTypes.object.isRequired,
8 | onChange: PropTypes.func.isRequired,
9 | onSubmit: PropTypes.func.isRequired,
10 | }
11 |
12 | const Form = ({ article, errors, onChange, onSubmit }) => {
13 |
14 | function handleChange(name, value) {
15 | if (value !== article[name]) {
16 | onChange(name, value)
17 | }
18 | }
19 |
20 | return