add new icons for the tray menu options

Author: Pablo Carmona

plugins/plugin-client-default/icons/png/README.md

@@ -0,0 +1,3 @@
+Icons for OS Tray Menu and main images for CodeFlare brand.
+
+Icons from [FontAwesome](https://fontawesome.com/icons) under [Font Awesome Free License](https://fontawesome.com/license/free)

plugins/plugin-client-default/icons/png/bugTemplate.png

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2022 The Kubernetes Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/** Icon set for the tray menu items */
+
+import { nativeImage } from "electron"
+
+import profile from "@kui-shell/client/icons/png/profileTemplate.png"
+import bug from "@kui-shell/client/icons/png/bugTemplate.png"
+import powerOff from "@kui-shell/client/icons/png/powerOffTemplate.png"
+import play from "@kui-shell/client/icons/png/playTemplate.png"
+import stop from "@kui-shell/client/icons/png/stopTemplate.png"
+
+import { join } from "path"
+
+const iconHome = process.env.CODEFLARE_HEADLESS || join(process.argv0, "../../Resources/app/dist/headless")
+
+export const profileIcon = nativeImage.createFromPath(join(iconHome, profile)).resize({ width: 10 })
+
+export const bugIcon = nativeImage.createFromPath(join(iconHome, bug)).resize({ width: 10 })
+
+export const powerOffIcon = nativeImage.createFromPath(join(iconHome, powerOff)).resize({ width: 10 })
+
+export const bootIcon = nativeImage.createFromPath(join(iconHome, play)).resize({ width: 10 })
+
+export const shutDownIcon = nativeImage.createFromPath(join(iconHome, stop)).resize({ width: 10 })

plugins/plugin-client-default/icons/png/playTemplate.png

@@ -20,6 +20,7 @@ import { Menu } from "electron"
 import { CreateWindowFunction } from "@kui-shell/core"
 
 import profilesMenu from "./profiles"
+import { bugIcon, powerOffIcon } from "./icons"
 
 import { productName } from "@kui-shell/client/config.d/name.json"
 import { bugs, version } from "@kui-shell/client/package.json"
@@ -53,8 +54,8 @@ async function buildContextMenu(createWindow: CreateWindowFunction): Promise<Men
         }
       },
     }, */
-    { label: `Report a Bug`, click: () => open(bugs.url) },
-    { label: `Quit ${productName}`, role: "quit" },
+    { label: `Report a Bug`, icon: bugIcon, click: () => open(bugs.url) },
+    { label: `Quit ${productName}`, icon: powerOffIcon, role: "quit" },
   ])
 
   return contextMenu

plugins/plugin-client-default/icons/png/powerOffTemplate.png

@@ -19,6 +19,7 @@ import { MenuItemConstructorOptions } from "electron"
 import { CreateWindowFunction } from "@kui-shell/core"
 
 import windowOptions from "./window"
+import { profileIcon, bootIcon, shutDownIcon } from "./icons"
 
 /** Handler for booting up a profile */
 async function boot(profile: string, createWindow: CreateWindowFunction) {
@@ -44,8 +45,8 @@ function submenuForOneProfile(
   return {
     label: state.profile.name,
     submenu: [
-      { label: "Boot", click: () => boot(state.profile.name, createWindow) },
-      { label: "Shutdown", click: () => shutdown(state.profile.name, createWindow) },
+      { label: "Boot", icon: bootIcon, click: () => boot(state.profile.name, createWindow) },
+      { label: "Shutdown", icon: shutDownIcon, click: () => shutdown(state.profile.name, createWindow) },
     ],
   }
 }
@@ -54,5 +55,5 @@ function submenuForOneProfile(
 export default async function profilesMenu(createWindow: CreateWindowFunction): Promise<MenuItemConstructorOptions> {
   const profiles = await Profiles.list({})
 
-  return { label: "Profiles", submenu: profiles.map((_) => submenuForOneProfile(_, createWindow)) }
+  return { label: "Profiles", icon: profileIcon, submenu: profiles.map((_) => submenuForOneProfile(_, createWindow)) }
 }