Update component names and shortcuts in ShortcutsPage

This commit is contained in:
anovazzi1 2024-04-30 18:37:12 -03:00
commit 093384fcb7

View file

@ -36,44 +36,41 @@ export default function ShortcutsPage() {
const [nodesRowData, setNodesRowData] = useState([ const [nodesRowData, setNodesRowData] = useState([
{ {
name: "Advanced Settings", name: "Component Advanced Settings",
shortcut: advancedShortcut, shortcut: advancedShortcut,
}, },
{ {
name: "Minimize", name: "Component Minimize",
shortcut: minizmizeShortcut, shortcut: minizmizeShortcut,
}, },
{ {
name: "Code", name: "Component Code",
shortcut: codeShortcut, shortcut: codeShortcut,
}, },
{ {
name: "Copy", name: "Component Copy",
shortcut: copyShortcut, shortcut: copyShortcut,
}, },
{ {
name: "Duplicate", name: "Component Duplicate",
shortcut: duplicateShortcut, shortcut: duplicateShortcut,
}, },
{ {
name: "Share", name: "Component Share",
shortcut: shareShortcut, shortcut: shareShortcut,
}, },
{ {
name: "Docs", name: "Component Docs",
shortcut: docsShortcut, shortcut: docsShortcut,
}, },
{ {
name: "Save", name: "Component Save",
shortcut: saveShortcut, shortcut: saveShortcut,
}, },
{ {
name: "Delete", name: "Component Delete",
shortcut: deleteShortcut, shortcut: deleteShortcut,
}, },
]);
const [flowRowData, setFlowRowData] = useState([
{ {
name: "Open Playground", name: "Open Playground",
shortcut: interactionShortcut, shortcut: interactionShortcut,
@ -87,6 +84,7 @@ export default function ShortcutsPage() {
shortcut: redoShortcut, shortcut: redoShortcut,
}, },
]); ]);
return ( return (
<div className="flex h-full w-full flex-col gap-6"> <div className="flex h-full w-full flex-col gap-6">
<div className="flex w-full items-center justify-between gap-4 space-y-0.5"> <div className="flex w-full items-center justify-between gap-4 space-y-0.5">
@ -99,19 +97,13 @@ export default function ShortcutsPage() {
/> />
</h2> </h2>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
Customize, manage and create shortcuts for quick access to Manage Shortcuts for quick access to
frequently used actions. frequently used actions.
</p> </p>
</div> </div>
</div> </div>
<div className="grid gap-6 pb-8"> <div className="grid gap-6 pb-8">
<Card x-chunk="dashboard-04-chunk-2"> <Card x-chunk="dashboard-04-chunk-2" className="pt-4">
<CardHeader>
<CardTitle>Nodes</CardTitle>
<CardDescription>
Shortcuts relating to the nodes in the workspace.
</CardDescription>
</CardHeader>
<CardContent> <CardContent>
<TableComponent <TableComponent
domLayout="autoHeight" domLayout="autoHeight"
@ -121,20 +113,6 @@ export default function ShortcutsPage() {
/> />
</CardContent> </CardContent>
</Card> </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>
</Card>
</div> </div>
</div> </div>
); );