diff --git a/packages/noodl-editor/src/editor/src/constants/Keybindings.ts b/packages/noodl-editor/src/editor/src/constants/Keybindings.ts index 0863d12..1ca08a0 100644 --- a/packages/noodl-editor/src/editor/src/constants/Keybindings.ts +++ b/packages/noodl-editor/src/editor/src/constants/Keybindings.ts @@ -2,6 +2,11 @@ import { Keybinding } from '@noodl-utils/keyboard/Keybinding'; import { KeyCode, KeyMod } from '@noodl-utils/keyboard/KeyCode'; export namespace Keybindings { + export const SEARCH = new Keybinding(KeyMod.CtrlCmd, KeyCode.KEY_F); + + export const CLOUD_SERVICE_OPEN_DASHBOARD = new Keybinding(KeyMod.CtrlCmd, KeyMod.Shift, KeyCode.KEY_P); + export const CLOUD_SERVICE_OPEN_DASHBOARD_BROWSER = new Keybinding(KeyMod.CtrlCmd, KeyCode.KEY_P); + export const REFRESH_PREVIEW = new Keybinding(KeyMod.CtrlCmd, KeyCode.KEY_R); export const OPEN_DEVTOOLS = new Keybinding(KeyMod.CtrlCmd, KeyCode.KEY_D); export const OPEN_CLOUD_DEVTOOLS = new Keybinding(KeyMod.CtrlCmd, KeyMod.Shift, KeyCode.KEY_R); diff --git a/packages/noodl-editor/src/editor/src/router.setup.ts b/packages/noodl-editor/src/editor/src/router.setup.ts index 4297783..e03ec63 100644 --- a/packages/noodl-editor/src/editor/src/router.setup.ts +++ b/packages/noodl-editor/src/editor/src/router.setup.ts @@ -1,7 +1,6 @@ import { AppRegistry } from '@noodl-models/app_registry'; import { SidebarModel } from '@noodl-models/sidebar'; -import { Keybinding } from '@noodl-utils/keyboard/Keybinding'; -import { KeyCode, KeyMod } from '@noodl-utils/keyboard/KeyCode'; +import { Keybindings } from '@noodl-constants/Keybindings'; import { IconName } from '@noodl-core-ui/components/common/Icon'; @@ -69,7 +68,7 @@ export function installSidePanel({ isLesson }: SetupEditorOptions) { SidebarModel.instance.register({ id: 'search', name: 'Search', - fineType: new Keybinding(KeyMod.CtrlCmd, KeyCode.KEY_F).label, + fineType: Keybindings.SEARCH.label, order: 2, icon: IconName.Search, panel: SearchPanel diff --git a/packages/noodl-editor/src/editor/src/views/panels/CloudServicePanel/CloudServiceCard/CloudServiceCard.tsx b/packages/noodl-editor/src/editor/src/views/panels/CloudServicePanel/CloudServiceCard/CloudServiceCard.tsx index 2d162e6..307f335 100644 --- a/packages/noodl-editor/src/editor/src/views/panels/CloudServicePanel/CloudServiceCard/CloudServiceCard.tsx +++ b/packages/noodl-editor/src/editor/src/views/panels/CloudServicePanel/CloudServiceCard/CloudServiceCard.tsx @@ -1,13 +1,16 @@ import classNames from 'classnames'; import React, { useEffect, useRef, useState } from 'react'; +import { Keybindings } from '@noodl-constants/Keybindings'; import { Environment } from '@noodl-models/CloudServices'; import ParseDashboardServer from '@noodl-utils/parsedashboardserver'; import { Icon, IconName, IconSize } from '@noodl-core-ui/components/common/Icon'; import { IconButton, IconButtonState, IconButtonVariant } from '@noodl-core-ui/components/inputs/IconButton'; import { PrimaryButton, PrimaryButtonSize, PrimaryButtonVariant } from '@noodl-core-ui/components/inputs/PrimaryButton'; +import { DialogRenderDirection } from '@noodl-core-ui/components/layout/BaseDialog'; import { Collapsible } from '@noodl-core-ui/components/layout/Collapsible'; +import { Tooltip } from '@noodl-core-ui/components/popups/Tooltip'; import { Label, LabelSpacingSize } from '@noodl-core-ui/components/typography/Label'; import { Text, TextType } from '@noodl-core-ui/components/typography/Text'; @@ -118,12 +121,18 @@ export function CloudServiceCard({ {isEditorEnvironment && ( - + + + )}