-
-
-
-
-
-
+export function Header(props) {
+ return
+ {(appState) =>
+
+ {(events) =>
+
}
-
- );
- }
+
+ }
+
}
diff --git a/frontend/react/src/ui/panels/spawnmenu.tsx b/frontend/react/src/ui/panels/spawnmenu.tsx
index 21889c4b..ceaac711 100644
--- a/frontend/react/src/ui/panels/spawnmenu.tsx
+++ b/frontend/react/src/ui/panels/spawnmenu.tsx
@@ -1,14 +1,13 @@
import React from "react";
-import { MenuTitle } from "./components/menutitle";
+import { Menu } from "./components/menu";
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { library } from '@fortawesome/fontawesome-svg-core'
-export class SpawnMenu extends React.Component<{}, {}> {
- constructor(props) {
- super(props);
- }
+library.add(faPlus);
- render() {
- return
-
-
- }
+export function SpawnMenu(props) {
+
+ return
}
\ No newline at end of file
diff --git a/frontend/react/src/ui/panels/unitcontrolmenu.tsx b/frontend/react/src/ui/panels/unitcontrolmenu.tsx
new file mode 100644
index 00000000..feeaf4c6
--- /dev/null
+++ b/frontend/react/src/ui/panels/unitcontrolmenu.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { Menu } from "./components/menu";
+import { faGamepad } from '@fortawesome/free-solid-svg-icons';
+import { library } from '@fortawesome/fontawesome-svg-core'
+
+library.add(faGamepad);
+
+export function UnitControlMenu(props) {
+
+ return
+}
\ No newline at end of file
diff --git a/frontend/react/src/unit/databases/aircraftdatabase.ts b/frontend/react/src/unit/databases/aircraftdatabase.ts
index d058aef5..693dbee9 100644
--- a/frontend/react/src/unit/databases/aircraftdatabase.ts
+++ b/frontend/react/src/unit/databases/aircraftdatabase.ts
@@ -4,7 +4,8 @@ import { UnitDatabase } from "./unitdatabase"
export class AircraftDatabase extends UnitDatabase {
constructor() {
- super('api/databases/units/aircraftdatabase');
+ //Temporary
+ super('http://localhost:3000/api/databases/units/aircraftdatabase');
}
getCategory() {
diff --git a/frontend/react/src/unit/databases/groundunitdatabase.ts b/frontend/react/src/unit/databases/groundunitdatabase.ts
index 778cc262..fb5903fa 100644
--- a/frontend/react/src/unit/databases/groundunitdatabase.ts
+++ b/frontend/react/src/unit/databases/groundunitdatabase.ts
@@ -4,7 +4,8 @@ import { UnitDatabase } from "./unitdatabase"
export class GroundUnitDatabase extends UnitDatabase {
constructor() {
- super('api/databases/units/groundunitdatabase');
+ // Temporary
+ super('http://localhost:3000/api/databases/units/groundunitdatabase');
}
getSpawnPointsByName(name: string) {
diff --git a/frontend/react/src/unit/databases/helicopterdatabase.ts b/frontend/react/src/unit/databases/helicopterdatabase.ts
index 23ca4e5c..538ce4cc 100644
--- a/frontend/react/src/unit/databases/helicopterdatabase.ts
+++ b/frontend/react/src/unit/databases/helicopterdatabase.ts
@@ -4,7 +4,8 @@ import { UnitDatabase } from "./unitdatabase"
export class HelicopterDatabase extends UnitDatabase {
constructor() {
- super('api/databases/units/helicopterdatabase');
+ // Temporary
+ super('http://localhost:3000/api/databases/units/helicopterdatabase');
}
getSpawnPointsByName(name: string) {
diff --git a/frontend/react/src/unit/databases/navyunitdatabase.ts b/frontend/react/src/unit/databases/navyunitdatabase.ts
index 3de8f35e..44a18a00 100644
--- a/frontend/react/src/unit/databases/navyunitdatabase.ts
+++ b/frontend/react/src/unit/databases/navyunitdatabase.ts
@@ -4,7 +4,8 @@ import { UnitDatabase } from "./unitdatabase"
export class NavyUnitDatabase extends UnitDatabase {
constructor() {
- super('api/databases/units/navyunitdatabase');
+ // Temporary
+ super('http://localhost:3000/api/databases/units/navyunitdatabase');
}
getSpawnPointsByName(name: string) {
diff --git a/frontend/react/tailwind.config.js b/frontend/react/tailwind.config.js
index 1bfa1b3f..b9ddc211 100644
--- a/frontend/react/tailwind.config.js
+++ b/frontend/react/tailwind.config.js
@@ -3,6 +3,8 @@ export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
+ "node_modules/flowbite-react/lib/esm/**/*.js",
+ "node_modules/flowbite/**/*.js"
],
theme: {
extend: {
@@ -11,10 +13,17 @@ export default {
darker: "#202831",
dark: "#2D3742",
neutral: "#394552"
+ },
+ interaction: {
+ blue: "#5CA7FF"
}
}
},
},
- plugins: [],
+ plugins: [
+ require("flowbite/plugin"),
+ ],
+ darkMode: 'class'
}
+