Merge branch 'feature/ui_table' of https://github.com/langflow-ai/langflow into feature/ui_table

This commit is contained in:
cristhianzl 2024-04-30 22:01:33 -03:00
commit 595de1eae8
2 changed files with 13 additions and 35 deletions

View file

@ -49,7 +49,7 @@ export default function InputGlobalComponent({
!data.node?.template[name].value && !data.node?.template[name].value &&
data.node?.template[name].display_name data.node?.template[name].display_name
) { ) {
if (unavaliableFields[data.node?.template[name].display_name!]) { if (unavaliableFields[data.node?.template[name].display_name!] && !disabled) {
setTimeout(() => { setTimeout(() => {
setDb(true); setDb(true);
onChange(unavaliableFields[data.node?.template[name].display_name!]); onChange(unavaliableFields[data.node?.template[name].display_name!]);

View file

@ -36,44 +36,41 @@ export default function ShortcutsPage() {
const [nodesRowData, setNodesRowData] = useState([ const [nodesRowData, setNodesRowData] = useState([
{ {
name: "Advanced Settings", name: "Advanced Settings Component",
shortcut: advancedShortcut, shortcut: advancedShortcut,
}, },
{ {
name: "Minimize", name: "Minimize Component",
shortcut: minizmizeShortcut, shortcut: minizmizeShortcut,
}, },
{ {
name: "Code", name: "Code Component",
shortcut: codeShortcut, shortcut: codeShortcut,
}, },
{ {
name: "Copy", name: "Copy Component",
shortcut: copyShortcut, shortcut: copyShortcut,
}, },
{ {
name: "Duplicate", name: "Duplicate Component",
shortcut: duplicateShortcut, shortcut: duplicateShortcut,
}, },
{ {
name: "Share", name: "Share Component",
shortcut: shareShortcut, shortcut: shareShortcut,
}, },
{ {
name: "Docs", name: "Docs Component",
shortcut: docsShortcut, shortcut: docsShortcut,
}, },
{ {
name: "Save", name: "Save Component",
shortcut: saveShortcut, shortcut: saveShortcut,
}, },
{ {
name: "Delete", name: "Delete Component",
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>
); );