Break up editor correctly

This commit is contained in:
Dane Everitt 2019-10-19 15:31:02 -07:00
parent 1d6e037d8a
commit ac6e5b9943
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
3 changed files with 155 additions and 122 deletions

View file

@ -11,10 +11,7 @@ import DatabasesContainer from '@/components/server/databases/DatabasesContainer
import FileManagerContainer from '@/components/server/files/FileManagerContainer';
import { CSSTransition } from 'react-transition-group';
import SuspenseSpinner from '@/components/elements/SuspenseSpinner';
const LazyFileEditContainer = lazy<React.ComponentType<RouteComponentProps<any>>>(
() => import(/* webpackChunkName: "editor" */'@/components/server/files/FileEditContainer')
);
import FileEditContainer from '@/components/server/files/FileEditContainer';
const ServerRouter = ({ match, location }: RouteComponentProps<{ id: string }>) => {
const server = ServerContext.useStoreState(state => state.server.data);
@ -25,7 +22,7 @@ const ServerRouter = ({ match, location }: RouteComponentProps<{ id: string }>)
getServer(match.params.id);
}
useEffect(() => () => clearServerState(), []);
useEffect(() => () => clearServerState(), [ clearServerState ]);
return (
<React.Fragment>
@ -59,7 +56,7 @@ const ServerRouter = ({ match, location }: RouteComponentProps<{ id: string }>)
path={`${match.path}/files/edit`}
render={props => (
<SuspenseSpinner>
<LazyFileEditContainer {...props}/>
<FileEditContainer {...props as any}/>
</SuspenseSpinner>
)}
exact