Move message stuff into own folder

ui/src/Layout.tsx

@@ -13,7 +13,7 @@ import * as config from './config';
 import Applications from './application/Applications';
 import Clients from './client/Clients';
 import Login from './pages/Login';
-import Messages from './pages/Messages';
+import Messages from './message/Messages';
 import Users from './pages/Users';
 import {observer} from 'mobx-react';
 import {observable} from 'mobx';

ui/src/index.tsx

@@ -10,11 +10,11 @@ import * as Notifications from './stores/Notifications';
 import {CurrentUser} from './stores/CurrentUser';
 import {AppStore} from './application/AppStore';
 import {reaction} from 'mobx';
-import {WebSocketStore} from './stores/WebSocketStore';
+import {WebSocketStore} from './message/WebSocketStore';
 import {SnackManager} from './snack/SnackManager';
 import {InjectProvider, StoreMapping} from './inject';
 import {UserStore} from './stores/UserStore';
-import {MessagesStore} from './stores/MessagesStore';
+import {MessagesStore} from './message/MessagesStore';
 import {ClientStore} from './client/ClientStore';
 
 const defaultDevConfig = {

ui/src/inject.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import {UserStore} from './stores/UserStore';
 import {SnackManager} from './snack/SnackManager';
-import {MessagesStore} from './stores/MessagesStore';
+import {MessagesStore} from './message/MessagesStore';
 import {CurrentUser} from './stores/CurrentUser';
 import {ClientStore} from './client/ClientStore';
 import {AppStore} from './application/AppStore';
 import {inject as mobxInject, Provider} from 'mobx-react';
-import {WebSocketStore} from './stores/WebSocketStore';
+import {WebSocketStore} from './message/WebSocketStore';
 
 export interface StoreMapping {
     userStore: UserStore;

ui/src/message/Message.tsx

@@ -4,7 +4,7 @@ import Typography from '@material-ui/core/Typography';
 import Delete from '@material-ui/icons/Delete';
 import React from 'react';
 import TimeAgo from 'react-timeago';
-import Container from './Container';
+import Container from '../component/Container';
 
 const styles = () => ({
     header: {

ui/src/message/Messages.tsx

@@ -4,7 +4,7 @@ import Typography from '@material-ui/core/Typography';
 import React, {Component} from 'react';
 import {RouteComponentProps} from 'react-router';
 import DefaultPage from '../component/DefaultPage';
-import Message from '../component/Message';
+import Message from './Message';
 import {observer} from 'mobx-react';
 // @ts-ignore
 import InfiniteAnyHeight from 'react-infinite-any-height';

ui/src/message/MessagesStore.ts

@@ -1,4 +1,4 @@
-import {BaseStore} from './BaseStore';
+import {BaseStore} from '../stores/BaseStore';
 import {action, IObservableArray, observable, reaction} from 'mobx';
 import axios, {AxiosResponse} from 'axios';
 import * as config from '../config';

ui/src/message/WebSocketStore.ts

@@ -1,5 +1,5 @@
 import {SnackReporter} from '../snack/SnackManager';
-import {CurrentUser} from './CurrentUser';
+import {CurrentUser} from '../stores/CurrentUser';
 import * as config from '../config';
 import {MessagesStore} from './MessagesStore';