goodbye old uwufier :cry:

1 files changed, 61 insertions, 0 deletions

diff --git a/client/src/components/App.js b/client/src/components/App.js
new file mode 100644
index 0000000..270e199
--- /dev/null
+++ b/client/src/components/App.js
@@ -0,0 +1,61 @@
+import React, { Component } from 'react';
+import { BrowserRouter as Router, Route } from 'react-router-dom';
+import fetch from 'node-fetch';
+
+import NavigationBar from './navigation/NavigationBar';
+import ServerSelection from '../pages/ServerSelection';
+import ManageServer from '../pages/ManageServer';
+
+export default class App extends Component {
+    state = {
+        loading: true,
+        user: null
+    }
+    
+    componentDidMount() {
+        fetch('http://localhost:8088/oauth/details', {
+            credentials: 'include'
+        })
+        .then(res => res.json())
+        .then(res => {
+            if (!res) return this.setState({ loading: false });
+            this.setState({
+                loading: false,
+                user: res
+            })
+        })
+        .catch(() => this.setState({ loading: false }));
+    }
+    
+    render() {
+        if (this.state.loading) {
+            return(
+                <React.Fragment>
+                    <div className="container">
+                        <h1>Loading...</h1>
+                    </div>
+                </React.Fragment>
+            );
+        } else if (!this.state.user) {
+            window.location.replace('http://localhost:8088/oauth/login'); // OAuth2...
+            return (<React.Fragment />);
+        } else {
+            return(
+                <React.Fragment>
+                    <Router>
+                        <div className="container">
+                            <NavigationBar user={this.state.user} />
+                            
+                            <br />
+                            
+                            <Route exact path="/" render={(props) => <ServerSelection {...props} user={this.state.user} /> } />
+                            <Route exact path="/server/:id" render={(props) => <ManageServer {...props} user={this.state.user} /> } />
+                            
+                            <br />
+                        </div>
+                    </Router>
+                </React.Fragment>
+            );
+        }
+    }
+}
\ No newline at end of file