fetch unexisting endpoint for userPreferences

1 files changed, 18 insertions, 11 deletions

diff --git a/components/gameSettings.tsx b/components/gameSettings.tsx
index 8bffeee..8f15aa1 100644
--- a/components/gameSettings.tsx
+++ b/components/gameSettings.tsx
@@ -1,20 +1,12 @@
 import { ReactNode, Component } from 'react';
+import axios from 'axios';
 
 import { Button, Vierkant, CheckBox, Input } from './ui';
 import { DialogBox } from './dialogBox';
+import { ruleset, userPreferences } from '../api/api';
 
 import BuildRoundedIcon from '@material-ui/icons/BuildRounded';
 
-type ruleset = {
-	timelimit: {
-		enabled: boolean;
-		minutes?: number;
-		seconds?: number;
-		addmove?: number;
-		shared: boolean;
-	},
-	ranked: boolean;
-};
 
 type CurrentGameSettingsStateType = {
 	editGameRulesDialogVisible: boolean;
@@ -24,7 +16,7 @@ type CurrentGameSettingsStateType = {
 export class CurrentGameSettings extends Component {
 	state: CurrentGameSettingsStateType = {
 		editGameRulesDialogVisible: false,
-		ruleset: { // default ruleset (should be replaced in this.constructor())
+		ruleset: {
 			timelimit: {
 				enabled: false,
 				shared: false
@@ -33,6 +25,21 @@ export class CurrentGameSettings extends Component {
 		}
 	}
 
+	constructor(props: {}) {
+		super(props);
+
+		if (typeof window === "undefined") return; // return if run on server
+
+		axios.request<userPreferences>({
+			method: "get",
+			url: `/api/user/preferences`,
+			headers: {"content-type": "application/json"}
+		})
+		//FIXME: this assumes the request ruleset has all properties of a ruleset
+		.then(request => this.setState({ ruleset: request.data.ruleset || this.state.ruleset }))
+		.catch(() => {});
+	}
+
 	showEditGameRules = () => this.setState({ editGameRulesDialogVisible: true });
 	hideEditGameRules = () => this.setState({ editGameRulesDialogVisible: false });
 	setGameRules = (newRules: ruleset) => this.setState({ ruleset: newRules });