diff --git a/resources/scripts/components/server/files/FileEditContainer.tsx b/resources/scripts/components/server/files/FileEditContainer.tsx
new file mode 100644
index 00000000..1bc0efba
--- /dev/null
+++ b/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 (
+
+
+
+ );
+};
diff --git a/resources/scripts/routers/ServerRouter.tsx b/resources/scripts/routers/ServerRouter.tsx
index 03386b72..62f6ae0f 100644
--- a/resources/scripts/routers/ServerRouter.tsx
+++ b/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 }>)
+