this repo has no description
phaz.uk
1import { invoke } from '@tauri-apps/api/core';
2import './SettingsMenu.css';
3
4export interface SettingsMenuProps{
5 close: () => void
6}
7
8export let SettingsMenu = ( props: SettingsMenuProps ) => {
9 // TODO: Changable OSC Ports
10 // TODO: Changable keybinds
11
12 return (
13 <>
14 <div class="settings-menu">
15 <div class="settings-menu-inner">
16 <div class="settings-menu-header">
17 <h1 style={{ float: 'left' }}>Options</h1>
18 <div style={{ float: 'right' }} class="settings-menu-close">
19 <div style={{ background: 'red', width: '25px', height: '25px', cursor: 'pointer' }} onClick={() => props.close()}></div>
20 </div>
21 </div>
22
23 <div class="settings-menu-content">
24 Hide editor on app start:
25 <input
26 ref={async ( el ) => el.checked = await invoke('get_hide_editor_on_app_start')}
27 onChange={( el ) => invoke('set_hide_editor_on_app_start', { value: el.target.checked })}
28 type="checkbox"
29 style={{ width: '15px', height: '15px' }} />
30 </div>
31 </div>
32 </div>
33 </>
34 )
35}