From 7224cd8db3a89e0bf1ac264d6672ca95adc43dc9 Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sat, 17 Aug 2019 11:40:51 -0700
Subject: [PATCH] File manager placeholder

---
 .../server/files/FileEditContainer.tsx           | 16 ++++++++++++++++
 resources/scripts/routers/ServerRouter.tsx       |  2 ++
 2 files changed, 18 insertions(+)
 create mode 100644 resources/scripts/components/server/files/FileEditContainer.tsx

diff --git a/resources/scripts/components/server/files/FileEditContainer.tsx b/resources/scripts/components/server/files/FileEditContainer.tsx
new file mode 100644
index 000000000..1bc0efba2
--- /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 (
+        <div className={'my-10'}>
+            <textarea className={'rounded bg-black h-32 w-full text-neutral-100'}>
+
+            </textarea>
+        </div>
+    );
+};
diff --git a/resources/scripts/routers/ServerRouter.tsx b/resources/scripts/routers/ServerRouter.tsx
index 03386b72f..62f6ae0ff 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 }>)
                                 <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>