jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fixed shortcuts page to display two different categories

Browse source
This commit is contained in:
Lucas Oliveira 2024-04-30 16:54:27 +02:00
commit 252641ca6c
1 changed files with 31 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx
View file

@ -11,13 +11,13 @@ import {
} from "../../../../components/ui/card"; } from "../../../../components/ui/card";
export default function ShortcutsPage() { export default function ShortcutsPage() {
const advancedShortcut = "Ctrl + shift + A"; const advancedShortcut = "Ctrl + Shift + A";
const minizmizeShortcut = "Ctrl + shift + Q"; const minizmizeShortcut = "Ctrl + Shift + Q";
const codeShortcut = "Ctrl + shift + C"; const codeShortcut = "Ctrl + Shift + C";
const copyShortcut = "Ctrl + C"; const copyShortcut = "Ctrl + C";
const duplicateShortcut = "Ctrl + D"; const duplicateShortcut = "Ctrl + D";
const shareShortcut = "Ctrl + shift + S"; const shareShortcut = "Ctrl + Shift + S";
const docsShortcut = "Ctrl + shift + D"; const docsShortcut = "Ctrl + Shift + D";
const saveShortcut = "Ctrl + S"; const saveShortcut = "Ctrl + S";
const deleteShortcut = "Backspace"; const deleteShortcut = "Backspace";
const interactionShortcut = "Ctrl + K"; const interactionShortcut = "Ctrl + K";
@ -34,9 +34,9 @@ export default function ShortcutsPage() {
}, },
]); ]);
const [rowData, setRowData] = useState([ const [nodesRowData, setNodesRowData] = useState([
{ {
name: "Open node advanced settings", name: "Advanced Settings",
shortcut: advancedShortcut, shortcut: advancedShortcut,
}, },
{ {
@ -44,7 +44,7 @@ export default function ShortcutsPage() {
shortcut: minizmizeShortcut, shortcut: minizmizeShortcut,
}, },
{ {
name: "Open Code modal", name: "Code",
shortcut: codeShortcut, shortcut: codeShortcut,
}, },
{ {
@ -60,7 +60,7 @@ export default function ShortcutsPage() {
shortcut: shareShortcut, shortcut: shareShortcut,
}, },
{ {
name: "Open docs", name: "Docs",
shortcut: docsShortcut, shortcut: docsShortcut,
}, },
{ {
@ -71,8 +71,11 @@ export default function ShortcutsPage() {
name: "Delete", name: "Delete",
shortcut: deleteShortcut, shortcut: deleteShortcut,
}, },
]);
const [flowRowData, setFlowRowData] = useState([
{ {
name: "Open interaction panel", name: "Open Playground",
shortcut: interactionShortcut, shortcut: interactionShortcut,
}, },
{ {
@ -101,7 +104,7 @@ export default function ShortcutsPage() {
</p> </p>
</div> </div>
</div> </div>
<div className="grid gap-6"> <div className="grid gap-6 pb-8">
<Card x-chunk="dashboard-04-chunk-2"> <Card x-chunk="dashboard-04-chunk-2">
<CardHeader> <CardHeader>
<CardTitle>Nodes</CardTitle> <CardTitle>Nodes</CardTitle>
@ -114,7 +117,23 @@ export default function ShortcutsPage() {
domLayout="autoHeight" domLayout="autoHeight"
pagination={false} pagination={false}
columnDefs={colDefs} columnDefs={colDefs}
rowData={rowData} rowData={nodesRowData}
/>
</CardContent>
</Card>
<Card x-chunk="dashboard-04-chunk-2">
<CardHeader>
<CardTitle>Flow</CardTitle>
<CardDescription>
Shortcuts relating to the flow.
</CardDescription>
</CardHeader>
<CardContent>
<TableComponent
domLayout="autoHeight"
pagination={false}
columnDefs={colDefs}
rowData={flowRowData}
/> />
</CardContent> </CardContent>
</Card> </Card>