@setoelkahfi / svara / commits / 7815453

header menu cleanup

mellobacon committed Dec 18, 2022 at 14:38 UTC 7815453cecd66ba9e3a9a29ce9e8d4aa3208a3bc
3 files changed +5 -6
src/components/Header/Header.svelte
-1
@@ -10,7 +10,6 @@
10 <div id="menubar">
11 <Menu name="File" options={filemenu}></Menu>
12 <Menu name="Edit" options={editmenu}></Menu>
13 - <Menu name="View" options={viewmenu}></Menu>
13 <Menu name="Run" options={runmenu}></Menu>
14 <Menu name="Help" options={helpmenu}></Menu>
15 </div>
src/components/Header/menu.ts
+4 -4
@@ -41,10 +41,10 @@ export const runmenu = [
41 { option: "Install debugger...", onclick: () => { console.log("click"); } },
42 ];
43 export const helpmenu = [
44 - { option: "Documentation", onclick: () => { console.log("click"); } },
45 - { option: "View Commands", onclick: () => { console.log("click"); } },
44 + //{ option: "Documentation", onclick: () => { console.log("click"); } },
45 + { option: "View Commands", onclick: () => { console.log("click"); }, disabled: true },
46 { option: "Toggle developer tools", onclick: () => { console.log("click"); } },
47 - { option: "Release Notes", onclick: () => { console.log("click"); }, divider: true },
48 - { option: "Check for Updates", onclick: async() => { console.log("click"); } },
47 + { option: "Release Notes", onclick: () => { console.log("click"); }, divider: true, disabled: true },
48 + { option: "Check for Updates", onclick: async() => { console.log("click"); }, disabled: true },
49 { option: "About Editor", onclick: async() => { shell.open("https://github.com/mellobacon/Nucleus") } },
50 ];
\ No newline at end of file
src/components/Menu/Menu.svelte
+1 -1
@@ -8,7 +8,7 @@
8 <OverflowMenu style="width: auto;" size="sm">
9 <div slot="menu" style="padding: 0 1rem; color: white;">{name}</div>
10 {#each options as menuoption}
11 - <OverflowMenuItem on:click={menuoption.onclick} hasDivider={menuoption.divider}>
11 + <OverflowMenuItem on:click={menuoption.onclick} hasDivider={menuoption.divider} disabled={menuoption.disabled}>
12 <span class="option_name">{menuoption.option}</span>
13 {#if menuoption.shortcut}
14 <span class="shortcut">{menuoption.shortcut}</span>