diff --git a/src/dashboardWebView/components/ChoiceButton.tsx b/src/dashboardWebView/components/ChoiceButton.tsx index 623052b7..6f00b4db 100644 --- a/src/dashboardWebView/components/ChoiceButton.tsx +++ b/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 = ({onCli {choices.map((choice) => ( + {choice.icon} + {choice.title} + + ) : ( + choice.title + ) + )} value={null} onClick={choice.onClick} disabled={choice.disabled} /> diff --git a/src/dashboardWebView/components/Media/FolderCreation.tsx b/src/dashboardWebView/components/Media/FolderCreation.tsx index f35d6cb0..2258ceb1 100644 --- a/src/dashboardWebView/components/Media/FolderCreation.tsx +++ b/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 = (pr title={`Create new folder`} choices={scripts.map(s => ({ title: s.title, + icon: , onClick: () => runCustomScript(s) }))} onClick={onFolderCreation} diff --git a/src/dashboardWebView/components/Menu/MenuItem.tsx b/src/dashboardWebView/components/Menu/MenuItem.tsx index 99492359..f7643de5 100644 --- a/src/dashboardWebView/components/Menu/MenuItem.tsx +++ b/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;