diff --git a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsSchedulers.tsx b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsSchedulers.tsx index dd0dac284a..7e44257408 100644 --- a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsSchedulers.tsx +++ b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsSchedulers.tsx @@ -1,4 +1,5 @@ import { + Box, Menu, MenuButton, MenuItemOption, @@ -12,8 +13,7 @@ import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import IAIButton from 'common/components/IAIButton'; import { setSchedulers } from 'features/ui/store/uiSlice'; import { isArray } from 'lodash-es'; - -import { ReactNode } from 'react'; +import { OverlayScrollbarsComponent } from 'overlayscrollbars-react'; import { useTranslation } from 'react-i18next'; export default function SettingsSchedulers() { @@ -26,32 +26,22 @@ export default function SettingsSchedulers() { if (isArray(v)) dispatch(setSchedulers(v.sort())); }; - const renderSchedulerMenuItems = () => { - const schedulerMenuItemsToRender: ReactNode[] = []; - - SCHEDULERS.forEach((scheduler) => { - schedulerMenuItemsToRender.push( - - {scheduler} - - ); - }); - - return schedulerMenuItemsToRender; - }; - return ( {t('settings.availableSchedulers')} - + - {renderSchedulerMenuItems()} + {SCHEDULERS.map((scheduler) => ( + + {scheduler} + + ))}