File manager placeholder

resources/scripts/components/server/files/FileEditContainer.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import useRouter from 'use-react-router';
+import queryString from 'query-string';
+
+export default () => {
+    const { location: { search } } = useRouter();
+    const values = queryString.parse(search);
+
+    return (
+        <div className={'my-10'}>
+            <textarea className={'rounded bg-black h-32 w-full text-neutral-100'}>
+
+            </textarea>
+        </div>
+    );
+};

resources/scripts/routers/ServerRouter.tsx

@@ -10,6 +10,7 @@ import { Provider } from 'react-redux';
 import DatabasesContainer from '@/components/server/databases/DatabasesContainer';
 import FileManagerContainer from '@/components/server/files/FileManagerContainer';
 import { CSSTransition } from 'react-transition-group';
+import FileEditContainer from '@/components/server/files/FileEditContainer';
 
 const ServerRouter = ({ match, location }: RouteComponentProps<{ id: string }>) => {
     const server = ServerContext.useStoreState(state => state.server.data);
@@ -50,6 +51,7 @@ const ServerRouter = ({ match, location }: RouteComponentProps<{ id: string }>)
                                 <Switch location={location}>
                                     <Route path={`${match.path}`} component={ServerConsole} exact/>
                                     <Route path={`${match.path}/files`} component={FileManagerContainer} exact/>
+                                    <Route path={`${match.path}/files/edit`} component={FileEditContainer} exact/>
                                     <Route path={`${match.path}/databases`} component={DatabasesContainer}/>
                                 </Switch>
                             </React.Fragment>