#228 - Added action icon

src/dashboardWebView/components/ChoiceButton.tsx

@@ -6,6 +6,7 @@ import { MenuItem, MenuItems } from './Menu';
 export interface IChoiceButtonProps {
   title: string;
   choices: { 
+    icon?: JSX.Element;
     title: string;
     disabled?: boolean;
     onClick: () => void;
@@ -39,7 +40,16 @@ export const ChoiceButton: React.FunctionComponent<IChoiceButtonProps> = ({onCli
             {choices.map((choice) => (
               <MenuItem 
                 key={choice.title}
-                title={choice.title} 
+                title={(
+                  choice.icon ? (
+                    <div className="flex items-center">
+                      {choice.icon}
+                      <span>{choice.title}</span>
+                    </div>
+                  ) : (
+                    choice.title
+                  )
+                )} 
                 value={null}
                 onClick={choice.onClick}
                 disabled={choice.disabled} />

src/dashboardWebView/components/Media/FolderCreation.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {FolderAddIcon} from '@heroicons/react/outline';
+import {FolderAddIcon, LightningBoltIcon} from '@heroicons/react/outline';
 import { useRecoilValue } from 'recoil';
 import { DashboardMessage } from '../../DashboardMessage';
 import { SelectedMediaFolderAtom, SettingsSelector } from '../../state';
@@ -31,6 +31,7 @@ export const FolderCreation: React.FunctionComponent<IFolderCreationProps> = (pr
           title={`Create new folder`} 
           choices={scripts.map(s => ({
             title: s.title,
+            icon: <LightningBoltIcon className="w-4 h-4 mr-2" />,
             onClick: () => runCustomScript(s)
           }))} 
           onClick={onFolderCreation} 

src/dashboardWebView/components/Menu/MenuItem.tsx

@@ -2,7 +2,7 @@ import { Menu } from '@headlessui/react';
 import * as React from 'react';
 
 export interface IMenuItemProps {
-  title: string;
+  title: JSX.Element | string;
   value?: any;
   isCurrent?: boolean;
   disabled?: boolean;