diff options
author | Starfall <us@starfall.systems> | 2023-04-14 19:22:47 -0500 |
---|---|---|
committer | Starfall <us@starfall.systems> | 2023-04-14 19:22:47 -0500 |
commit | 4fe1689de43f4404eb9530fcfbcbfb26d6c1c13a (patch) | |
tree | 6811b845bb7f4966b10dcefa3dea404246f161c7 /app/javascript/mastodon/features/ui/util/react_router_helpers.js | |
parent | 65c1e53a32cabcdbb7bca57002bb0f6acdebe07e (diff) | |
parent | bed63f6dae0879ac840066b031229e0d139089cd (diff) |
Diffstat (limited to 'app/javascript/mastodon/features/ui/util/react_router_helpers.js')
-rw-r--r-- | app/javascript/mastodon/features/ui/util/react_router_helpers.js | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/app/javascript/mastodon/features/ui/util/react_router_helpers.js b/app/javascript/mastodon/features/ui/util/react_router_helpers.js deleted file mode 100644 index 205dd6f10..000000000 --- a/app/javascript/mastodon/features/ui/util/react_router_helpers.js +++ /dev/null @@ -1,101 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import { Switch, Route } from 'react-router-dom'; -import StackTrace from 'stacktrace-js'; -import ColumnLoading from '../components/column_loading'; -import BundleColumnError from '../components/bundle_column_error'; -import BundleContainer from '../containers/bundle_container'; - -// Small wrapper to pass multiColumn to the route components -export class WrappedSwitch extends React.PureComponent { - - render () { - const { multiColumn, children } = this.props; - - return ( - <Switch> - {React.Children.map(children, child => React.cloneElement(child, { multiColumn }))} - </Switch> - ); - } - -} - -WrappedSwitch.propTypes = { - multiColumn: PropTypes.bool, - children: PropTypes.node, -}; - -// Small Wrapper to extract the params from the route and pass -// them to the rendered component, together with the content to -// be rendered inside (the children) -export class WrappedRoute extends React.Component { - - static propTypes = { - component: PropTypes.func.isRequired, - content: PropTypes.node, - multiColumn: PropTypes.bool, - componentParams: PropTypes.object, - }; - - static defaultProps = { - componentParams: {}, - }; - - static getDerivedStateFromError () { - return { - hasError: true, - }; - } - - state = { - hasError: false, - stacktrace: '', - }; - - componentDidCatch (error) { - StackTrace.fromError(error).then(stackframes => { - this.setState({ stacktrace: error.toString() + '\n' + stackframes.map(frame => frame.toString()).join('\n') }); - }).catch(err => { - console.error(err); - }); - } - - renderComponent = ({ match }) => { - const { component, content, multiColumn, componentParams } = this.props; - const { hasError, stacktrace } = this.state; - - if (hasError) { - return ( - <BundleColumnError - stacktrace={stacktrace} - multiColumn={multiColumn} - errorType='error' - /> - ); - } - - return ( - <BundleContainer fetchComponent={component} loading={this.renderLoading} error={this.renderError}> - {Component => <Component params={match.params} multiColumn={multiColumn} {...componentParams}>{content}</Component>} - </BundleContainer> - ); - } - - renderLoading = () => { - const { multiColumn } = this.props; - - return <ColumnLoading multiColumn={multiColumn} />; - } - - renderError = (props) => { - return <BundleColumnError {...props} errorType='network' />; - } - - render () { - const { component: Component, content, ...rest } = this.props; - - return <Route {...rest} render={this.renderComponent} />; - } - -} |