diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js index 5b6be79d..f03c5e97 100644 --- a/frontend/src/components/App.js +++ b/frontend/src/components/App.js @@ -1,13 +1,19 @@ import React, { Component } from "react"; import { render } from "react-dom"; +import HomePage from "./HomePage"; + export default class App extends Component { constructor(props) { super(props); } render() { - return
This is the order book page
; + } +} \ No newline at end of file diff --git a/frontend/src/components/HomePage.js b/frontend/src/components/HomePage.js new file mode 100644 index 00000000..8b247579 --- /dev/null +++ b/frontend/src/components/HomePage.js @@ -0,0 +1,31 @@ +import React, { Component } from "react"; +import { BrowserRouter as Router, Switch, Route, Link, Redirect } from "react-router-dom"; + +import NickGenPage from "./NickGenPage"; +import LoginPage from "./LoginPage.js"; +import MakerPage from "./MakerPage"; +import BookPage from "./BookPage"; +import OrderPage from "./OrderPage"; +import WaitingRoomPage from "./WaitingRoomPage"; + +export default class HomePage extends Component { + constructor(props) { + super(props); + } + + render() { + return ( +You are at the start page
This is the login page
; + } +} \ No newline at end of file diff --git a/frontend/src/components/MakerPage.js b/frontend/src/components/MakerPage.js new file mode 100644 index 00000000..4c24fbd9 --- /dev/null +++ b/frontend/src/components/MakerPage.js @@ -0,0 +1,11 @@ +import React, { Component } from "react"; + +export default class MakePage extends Component { + constructor(props) { + super(props); + } + + render() { + returnThis is the order maker page
; + } +} \ No newline at end of file diff --git a/frontend/src/components/NickGenPage.js b/frontend/src/components/NickGenPage.js new file mode 100644 index 00000000..9af1b9f9 --- /dev/null +++ b/frontend/src/components/NickGenPage.js @@ -0,0 +1,11 @@ +import React, { Component } from "react"; + +export default class NickGenPage extends Component { + constructor(props) { + super(props); + } + + render() { + returnThis is the landing and user generator page
; + } +} \ No newline at end of file diff --git a/frontend/src/components/OrderPage.js b/frontend/src/components/OrderPage.js new file mode 100644 index 00000000..d91cf678 --- /dev/null +++ b/frontend/src/components/OrderPage.js @@ -0,0 +1,11 @@ +import React, { Component } from "react"; + +export default class OrderPage extends Component { + constructor(props) { + super(props); + } + + render() { + returnThis is the single order detail view page
; + } +} \ No newline at end of file diff --git a/frontend/src/components/WaitingRoomPage.js b/frontend/src/components/WaitingRoomPage.js new file mode 100644 index 00000000..a6563693 --- /dev/null +++ b/frontend/src/components/WaitingRoomPage.js @@ -0,0 +1,11 @@ +import React, { Component } from "react"; + +export default class WaitingRoomPage extends Component { + constructor(props) { + super(props); + } + + render() { + returnThis is the waiting room
; + } +} \ No newline at end of file diff --git a/frontend/static/frontend/main.js b/frontend/static/frontend/main.js index a84da173..771b27dc 100644 --- a/frontend/static/frontend/main.js +++ b/frontend/static/frontend/main.js @@ -1,2 +1,2 @@ /*! For license information please see main.js.LICENSE.txt */ -(()=>{"use strict";var __webpack_modules__={"./src/components/App.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ "default": () => (/* binding */ App)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js");\n\n\nclass App extends react__WEBPACK_IMPORTED_MODULE_0__.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("h1", null, "React Test");\n }\n\n}\nconst appDiv = document.getElementById("app");\n(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.render)( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(App, null), appDiv);\n\n//# sourceURL=webpack://frontend/./src/components/App.js?')},"./src/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_App__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/App */ "./src/components/App.js");\n\n\n//# sourceURL=webpack://frontend/./src/index.js?')},"./node_modules/object-assign/index.js":module=>{eval("/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n\n\n//# sourceURL=webpack://frontend/./node_modules/object-assign/index.js?")},"./node_modules/react-dom/cjs/react-dom.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{eval('/** @license React v17.0.2\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\nvar aa=__webpack_require__(/*! react */ "./node_modules/react/index.js"),m=__webpack_require__(/*! object-assign */ "./node_modules/object-assign/index.js"),r=__webpack_require__(/*! scheduler */ "./node_modules/scheduler/index.js");function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c