diff options
Diffstat (limited to 'components')
-rw-r--r-- | components/gameSettings.tsx | 29 |
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 }); |