reorganize project

bfrontend/src/API/APIRequest.js

@@ -1,4 +1,4 @@
-import config from './Config';
+import config from '../Config';
 
 async function APIRequest(endpoint, options) {
     let res;

bfrontend/src/API/Authenticator.js

@@ -1,6 +1,6 @@
 import APIRequest from './APIRequest';
-import gatewayConnection from './Gateway/globalGatewayConnection';
+import gatewayConnection from '../API/Gateway/globalGatewayConnection';
-import Logger from './Logger';
+import Logger from '../Util/Logger';
 
 const { log: authLog, error: authError } = Logger([ 'Authenticator' ]);
 
@@ -9,7 +9,7 @@ const Authenticator = {
         authLog('Fetching current logged in user status...');
         const { json, isOK, err } = await APIRequest.authenticated('/api/v1/users/current/info');
         if (!isOK && err) {
-            authLog('Exeption while fetching current logged in user status', err);
+            authLog('Exception while fetching current logged in user status', err);
             throw new Error(err);
         }
         if (!isOK && !err) {
@@ -21,7 +21,7 @@ const Authenticator = {
             return undefined;
         }
 
-        authLog(`Logged in as "${json.user.username || '[undefined user]'}"`);
+        authLog(`Logged in as "${json.user.username || '[undefined username]'}"`);
 
         // NOTE(hippoz): this function has a stupid side-effect but this will have to do for now...
         gatewayConnection.connect(json.user.token);

bfrontend/src/API/Gateway/GatewayConnection.js

@@ -1,6 +1,6 @@
 import io from 'socket.io-client';
 
-import Logger from '../Logger';
+import Logger from '../../Util/Logger';
 
 const { log: gatewayLog } = Logger([ 'Gateway' ]);
 const { log: gatewayHandshakeLog } = Logger([ 'Gateway', 'Handshake' ]);

bfrontend/src/API/Gateway/globalGatewayConnection.js

@@ -1,6 +1,6 @@
 import GatewayConnection from './GatewayConnection';
-import config from '../Config';
+import config from '../../Config';
-import store from '../store';
+import store from '../../Global/store';
 
 const globalGatewayConnection = new GatewayConnection(config.gatewayUrl);
 

bfrontend/src/Components/Auth/Login.js

@@ -2,10 +2,10 @@ import { useState } from 'react';
 import { useHistory } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
 
-import Notification from '../Notification';
+import Notification from '../UI/Notification';
-import APIRequest from '../../APIRequest';
+import APIRequest from '../../API/APIRequest';
-import Authenticator from './../../Authenticator';
+import Authenticator from '../../API/Authenticator';
-import { getLoginMessageFromError } from '../../Errors'
+import { getLoginMessageFromError } from '../../Util/Errors'
 
 export default function Login() {
     const history = useHistory();

bfrontend/src/Components/Categories/CategoryButton.js

@@ -1,5 +1,5 @@
 import CategoryProfile from './CategoryProfileLink';
-import gatewayConnection from '../../Gateway/globalGatewayConnection';
+import gatewayConnection from '../../API/Gateway/globalGatewayConnection';
 
 import { useHistory } from 'react-router-dom';
 

bfrontend/src/Components/Categories/CategoryList.js

@@ -1,12 +1,12 @@
 import CategoryListLoader from './CategoryListLoader';
 import CategoryButton from './CategoryButton';
-import APIRequest from '../../APIRequest';
+import APIRequest from '../../API/APIRequest';
-import { couldNotReach } from '../../Errors';
+import { couldNotReach } from '../../Util/Errors';
 
 import { connect, useDispatch } from 'react-redux'
 import { useState, useEffect } from 'react';
-import Logger from '../../Logger';
+import Logger from '../../Util/Logger';
-import gatewayConnection from '../../Gateway/globalGatewayConnection';
+import gatewayConnection from '../../API/Gateway/globalGatewayConnection';
 
 const { log: loaderLog } = Logger([ 'CategoryList', 'Loader' ]);
 

bfrontend/src/Components/Categories/CategoryView.js

@@ -1,7 +1,7 @@
 import CategoryViewLoader from './CategoryViewLoader';
 import CategoryProfile from './CategoryProfileLink';
 import Message from '../Messages/Message';
-import gatewayConnection from '../../Gateway/globalGatewayConnection';
+import gatewayConnection from '../../API/Gateway/globalGatewayConnection';
 
 import { useParams } from 'react-router-dom';
 import { connect, useDispatch } from 'react-redux';

bfrontend/src/Components/Main/App.js

@@ -1,11 +1,11 @@
-import Login from './Auth/Login';
+import Login from '../Auth/Login';
-import Root from './Root';
+import Root from '../Home/Root';
-import Authenticator from './../Authenticator';
+import Authenticator from '../../API/Authenticator';
-import Notification from './Notification';
+import Notification from '../UI/Notification';
-import './../Styles/App.scss';
+import './../../Styles/App.scss';
-import { couldNotReach } from '../Errors';
+import { couldNotReach } from '../../Util/Errors';
-import CategoryView from './Categories/CategoryView';
+import CategoryView from '../Categories/CategoryView';
-import Sidebar from './UI/Sidebar';
+import Sidebar from '../UI/Sidebar';
 
 import { useEffect, useState } from 'react';
 import { useDispatch, connect } from 'react-redux'

bfrontend/src/Components/UI/ProfileLink.js

@@ -1,4 +1,4 @@
-import defaultProfile from '../../Images/defaultprofile_256px-256px.png'
+import defaultProfile from '../../Content/Images/defaultprofile_256px-256px.png'
 
 export default function ProfileLink({ object, size=32, type, offset=true, children=null }) {
     let picture;

bfrontend/src/index.js

@@ -1,5 +1,5 @@
-import store from './store';
+import store from './Global/store';
-import App from './Components/App';
+import App from './Components/Main/App';
 
 import React from 'react';
 import ReactDOM from 'react-dom';