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 return (
10 <>
11 <div class="settings-menu">
12 <div class="settings-menu-inner">
13 <div class="settings-menu-header">
14 <h1 style={{ float: 'left' }}>Options</h1>
15 <div style={{ float: 'right' }} class="settings-menu-close">
16 <div style={{ background: 'red', width: '25px', height: '25px', cursor: 'pointer' }} onClick={() => props.close()}></div>
17 </div>
18 </div>
19
20 <div class="settings-menu-content">
21 Hide editor on app start:
22 <input
23 ref={async ( el ) => el.checked = await invoke('get_hide_editor_on_app_start')}
24 onChange={( el ) => invoke('set_hide_editor_on_app_start', { value: el.target.checked })}
25 type="checkbox"
26 style={{ width: '15px', height: '15px' }} />
27 </div>
28 </div>
29 </div>
30 </>
31 )
32}