mirror of https://github.com/mue/mue.git
65 lines
2.2 KiB
JavaScript
65 lines
2.2 KiB
JavaScript
import variables from 'modules/variables';
|
|
import { useState } from 'react';
|
|
import Checkbox from '../Checkbox';
|
|
import Slider from '../Slider';
|
|
import { TextField } from '@mui/material';
|
|
|
|
import EventBus from 'modules/helpers/eventbus';
|
|
import { values } from 'modules/helpers/settings/modals';
|
|
import SettingsItem from '../SettingsItem';
|
|
|
|
export default function ExperimentalSettings() {
|
|
const getMessage = (text) => variables.language.getMessage(variables.languagecode, text);
|
|
const [eventType, setEventType] = useState();
|
|
const [eventName, setEventName] = useState();
|
|
|
|
return (
|
|
<>
|
|
<span className="mainTitle">
|
|
{getMessage('modals.main.settings.sections.experimental.title')}
|
|
</span>
|
|
<span className="subtitle">
|
|
{getMessage('modals.main.settings.sections.experimental.warning')}
|
|
</span>
|
|
<SettingsItem title={getMessage('modals.main.settings.sections.experimental.developer')}>
|
|
<Checkbox name="debug" text="Debug hotkey (Ctrl + #)" element=".other" />
|
|
<Slider
|
|
title="Debug timeout"
|
|
name="debugtimeout"
|
|
min="0"
|
|
max="5000"
|
|
default="0"
|
|
step="100"
|
|
marks={values('experimental')}
|
|
element=".other"
|
|
/>
|
|
<p>Send Event</p>
|
|
<TextField
|
|
label={'Type'}
|
|
value={eventType}
|
|
onChange={(e) => setEventType(e.target.value)}
|
|
spellCheck={false}
|
|
varient="outlined"
|
|
InputLabelProps={{ shrink: true }}
|
|
/>
|
|
<TextField
|
|
label={'Name'}
|
|
value={eventName}
|
|
onChange={(e) => setEventName(e.target.value)}
|
|
spellCheck={false}
|
|
varient="outlined"
|
|
InputLabelProps={{ shrink: true }}
|
|
/>
|
|
</SettingsItem>
|
|
<SettingsItem title={getMessage('modals.main.settings.sections.experimental.developer')} final={true}>
|
|
<button className="uploadbg" onClick={() => EventBus.dispatch(eventType, eventName)}>
|
|
Send
|
|
</button>
|
|
<button className="reset" style={{ marginLeft: '0px' }} onClick={() => localStorage.clear()}>
|
|
Clear LocalStorage
|
|
</button>
|
|
</SettingsItem>
|
|
</>
|
|
);
|
|
}
|