diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx index e18c2b559..e355293ff 100644 --- a/src/frontend/src/components/inputComponent/index.tsx +++ b/src/frontend/src/components/inputComponent/index.tsx @@ -173,7 +173,10 @@ export default function InputComponent({ > { - if (value.toLowerCase().includes(search.toLowerCase()) || value.includes("doNotFilter-")) + if ( + value.toLowerCase().includes(search.toLowerCase()) || + value.includes("doNotFilter-") + ) return 1; // ensures items arent filtered return 0; }} diff --git a/src/frontend/src/components/inputGlobalComponent/index.tsx b/src/frontend/src/components/inputGlobalComponent/index.tsx index 235b00988..f3b5b3b29 100644 --- a/src/frontend/src/components/inputGlobalComponent/index.tsx +++ b/src/frontend/src/components/inputGlobalComponent/index.tsx @@ -37,8 +37,10 @@ export default function InputGlobalComponent({ !globalVariablesEntries.includes(data.node?.template[name].value) && data.node?.template[name].load_from_db ) { - onChange(""); - setDb(false); + setTimeout(() => { + onChange(""); + setDb(false); + }, 100); } }, [globalVariablesEntries]); @@ -47,9 +49,11 @@ export default function InputGlobalComponent({ !data.node?.template[name].value && data.node?.template[name].display_name ) { - if (unavaliableFields[data.node?.template[name].display_name!]) { - setDb(true); - onChange(unavaliableFields[data.node?.template[name].display_name!]); + if (unavaliableFields[data.node?.template[name].display_name!] && !disabled) { + setTimeout(() => { + setDb(true); + onChange(unavaliableFields[data.node?.template[name].display_name!]); + }, 100); } } }, [unavaliableFields]); @@ -131,7 +135,7 @@ export default function InputGlobalComponent({ )} selectedOption={ data?.node?.template[name].load_from_db && - globalVariablesEntries.includes(data?.node?.template[name].value??"") + globalVariablesEntries.includes(data?.node?.template[name].value ?? "") ? data?.node?.template[name].value : "" } diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts index 06348105c..a14b124c7 100644 --- a/src/frontend/src/constants/constants.ts +++ b/src/frontend/src/constants/constants.ts @@ -821,6 +821,18 @@ export const defaultShortcuts = [ name: "Delete", shortcut: "Backspace" }, + { + name: "Open playground", + shortcut: "Ctrl K" + }, + { + name: "Undo", + shortcut: "Ctrl Z" + }, + { + name: "Redo", + shortcut: "Ctrl Y" + } ]; -export const unavailableShortcutss = ["Ctrl + Shift + a", "Ctrl + q", "Ctrl + Shift + u", "Ctrl + c", "Ctrl + d", "Ctrl + Shift + s", "Ctrl + Shift + d", "Ctrl + s", "Backspace"]; +export const unavailableShortcutss = ["Ctrl + Shift + a", "Ctrl + q", "Ctrl + Shift + u", "Ctrl + c", "Ctrl + d", "Ctrl + Shift + s", "Ctrl + Shift + d", "Ctrl + s", "Backspace", "Ctrl + K", "Ctrl + Z", "Ctrl + Y"]; diff --git a/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx b/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx index a53f785db..e30ce1021 100644 --- a/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx +++ b/src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx @@ -50,44 +50,41 @@ export default function ShortcutsPage() { const [nodesRowData, setNodesRowData] = useState([ { - name: "Advanced Settings", + name: "Advanced Settings Component", shortcut: advancedShortcut, }, { - name: "Minimize", + name: "Minimize Component", shortcut: minizmizeShortcut, }, { - name: "Code", + name: "Code Component", shortcut: codeShortcut, }, { - name: "Copy", + name: "Copy Component", shortcut: copyShortcut, }, { - name: "Duplicate", + name: "Duplicate Component", shortcut: duplicateShortcut, }, { - name: "Share", + name: "Share Component", shortcut: shareShortcut, }, { - name: "Docs", + name: "Docs Component", shortcut: docsShortcut, }, { - name: "Save", + name: "Save Component", shortcut: saveShortcut, }, { - name: "Delete", + name: "Delete Component", shortcut: deleteShortcut, }, - ]); - - const [flowRowData, setFlowRowData] = useState([ { name: "Open Playground", shortcut: interactionShortcut, @@ -121,19 +118,13 @@ export default function ShortcutsPage() { />

- Customize, manage and create shortcuts for quick access to + Manage Shortcuts for quick access to frequently used actions.

- - - Nodes - - Shortcuts relating to the nodes in the workspace. - - +
@@ -177,7 +168,7 @@ export default function ShortcutsPage() { domLayout="autoHeight" pagination={false} columnDefs={colDefs} - rowData={flowRowData} + rowData={nodesRowData} />