added process icon

src/renderer/components/LazyList.vue

@@ -2,7 +2,7 @@
 import { useElectron, useShortcuts, useState } from "@/amethyst";
 import { Track } from "@/logic/track";
 import BaseChip from "@/components/BaseChip.vue";
-import { PlayIcon, ExternalLinkIcon, LoadingIcon, BinocularsIcon, ErrorIcon } from "@/icons/material";
+import { PlayIcon, ExternalLinkIcon, LoadingIcon, ProcessIcon, BinocularsIcon, ErrorIcon } from "@/icons/material";
 import Cover from "@/components/CoverArt.vue";
 import { player } from "@/logic/player";
 import { useContextMenu } from "@/components/ContextMenu";
@@ -20,7 +20,7 @@ const handleContextMenu = ({x, y}: MouseEvent, track: Track) => {
   useContextMenu().open({x, y}, [
     { title: "Play", icon: PlayIcon, action: () => player.play(track) },
     { title: "Inspect", icon: BinocularsIcon, action: () => useInspector().inspectAndShow(track) },
-    { title: "Encode to .dfpwm", icon: BinocularsIcon, action: async () => {
+    { title: "Encode to .dfpwm...", icon: ProcessIcon, action: async () => {
       saveArrayBufferToFile(
         await convertDfpwm(await track.getArrayBuffer()), 
         {

src/renderer/icons/material/ProcessIcon.vue

@@ -0,0 +1,23 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_1102_153)">
+      <path
+        d="M11.6794 0.00382266C11.6064 0.0107289 11.5329 0.027807 11.4626 0.056557C11.1816 0.172557 10.9997 0.446916 10.9997 0.749916V2.06242C7.95598 2.36619 5.31257 4.02419 3.69503 6.43742C3.24803 7.10342 3.72802 7.99992 4.52902 7.99992C4.87102 7.99992 5.17786 7.81807 5.36886 7.53507C6.62969 5.66533 8.65581 4.35554 10.9997 4.06242V5.24992C10.9997 5.55292 11.1816 5.82728 11.4626 5.94328C11.5556 5.98128 11.6527 5.99992 11.7497 5.99992C11.9447 5.99992 12.136 5.92321 12.279 5.77921L14.529 3.52921C14.822 3.23621 14.822 2.76362 14.529 2.47062L12.279 0.22062C12.1178 0.0593695 11.8983 -0.0168961 11.6794 0.00382266ZM17.0368 3.52335C16.5036 3.5076 15.9997 3.92846 15.9997 4.52921C15.9997 4.87121 16.1816 5.17806 16.4646 5.36906C18.3343 6.62988 19.6441 8.656 19.9372 10.9999H18.7497C18.4467 10.9999 18.1724 11.1818 18.0564 11.4628C18.0184 11.5558 17.9997 11.6529 17.9997 11.7499C17.9997 11.9449 18.0764 12.1362 18.2204 12.2792L20.4704 14.5292C20.7634 14.8222 21.236 14.8222 21.529 14.5292L23.779 12.2792C23.994 12.0642 24.0581 11.7438 23.9431 11.4628C23.8271 11.1818 23.5527 10.9999 23.2497 10.9999H21.9372C21.6334 7.95617 19.9754 5.31277 17.5622 3.69523C17.3957 3.58348 17.2146 3.5286 17.0368 3.52335ZM2.99972 9.24992C2.80797 9.24992 2.61692 9.32412 2.47042 9.47062L0.220424 11.7206C0.00542358 11.9356 -0.0586389 12.256 0.0563611 12.537C0.172361 12.818 0.44672 12.9999 0.74972 12.9999H2.06222C2.36599 16.0437 4.02399 18.6871 6.43722 20.3046C7.10322 20.7516 7.99972 20.2716 7.99972 19.4706C7.99972 19.1286 7.81788 18.8218 7.53488 18.6308C5.66514 17.37 4.35535 15.3438 4.06222 12.9999H5.24972C5.55272 12.9999 5.82708 12.818 5.94308 12.537C5.98108 12.444 5.99972 12.3469 5.99972 12.2499C5.99972 12.0549 5.92302 11.8636 5.77902 11.7206L3.52902 9.47062C3.38252 9.32412 3.19147 9.24992 2.99972 9.24992ZM19.4704 15.9999C19.1284 15.9999 18.8216 16.1818 18.6306 16.4648C17.3698 18.3345 15.3436 19.6443 12.9997 19.9374V18.7499C12.9997 18.4469 12.8178 18.1726 12.5368 18.0566C12.4438 18.0186 12.3467 17.9999 12.2497 17.9999C12.0547 17.9999 11.8634 18.0766 11.7204 18.2206L9.47042 20.4706C9.17742 20.7636 9.17742 21.2362 9.47042 21.5292L11.7204 23.7792C11.9354 23.9942 12.2558 24.0583 12.5368 23.9433C12.8178 23.8273 12.9997 23.5529 12.9997 23.2499V21.9374C16.0435 21.6336 18.6869 19.9756 20.3044 17.5624C20.7514 16.8964 20.2714 15.9999 19.4704 15.9999Z"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1102_153">
+        <rect
+          width="24"
+          height="24"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

src/renderer/icons/material/index.ts

@@ -40,9 +40,11 @@ import ExternalLinkIcon from "./ExternalLinkIcon.vue";
 import BinocularsIcon from "./BinocularsIcon.vue";
 import ImageIcon from "./ImageIcon.vue";
 import NoImageIcon from "./NoImageIcon.vue";
+import ProcessIcon from "./ProcessIcon.vue";
 
 export {
   DiscordIcon,
+  ProcessIcon,
   LoadingIcon,
   GitHubIcon,
   BinocularsIcon,