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

Added shortcuts into a card in the Shortcuts page

Browse source
This commit is contained in:
Lucas Oliveira 2024-04-30 01:10:22 +02:00
commit 1dcb151c61
2 changed files with 26 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/components/tableComponent/index.tsx
View file

@ -17,7 +17,7 @@ const TableComponent = forwardRef<
<div <div
className={cn( className={cn(
dark ? "ag-theme-quartz-dark" : "ag-theme-quartz", dark ? "ag-theme-quartz-dark" : "ag-theme-quartz",
"ag-theme-shadcn flex h-full flex-col pb-8" "ag-theme-shadcn flex h-full flex-col"
)} // applying the grid theme )} // applying the grid theme
> >
<AgGridReact ref={ref} {...props} /> <AgGridReact ref={ref} {...props} />

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

@ -2,6 +2,13 @@ import { ColDef, ColGroupDef } from "ag-grid-community";
import { useState } from "react"; import { useState } from "react";
import ForwardedIconComponent from "../../../../components/genericIconComponent"; import ForwardedIconComponent from "../../../../components/genericIconComponent";
import TableComponent from "../../../../components/tableComponent"; import TableComponent from "../../../../components/tableComponent";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "../../../../components/ui/card";
export default function ShortcutsPage() { export default function ShortcutsPage() {
const advancedShortcut = "Ctrl + shift + A"; const advancedShortcut = "Ctrl + shift + A";
@ -78,7 +85,7 @@ export default function ShortcutsPage() {
}, },
]); ]);
return ( return (
<div className="flex h-full w-full flex-col justify-between 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">
<div className="flex w-full flex-col"> <div className="flex w-full flex-col">
<h2 className="flex items-center text-lg font-semibold tracking-tight"> <h2 className="flex items-center text-lg font-semibold tracking-tight">
@ -94,9 +101,23 @@ export default function ShortcutsPage() {
</p> </p>
</div> </div>
</div> </div>
<div className="grid gap-6">
<div className="flex h-full w-full flex-col justify-between"> <Card x-chunk="dashboard-04-chunk-2">
<TableComponent columnDefs={colDefs} rowData={rowData} /> <CardHeader>
<CardTitle>Nodes</CardTitle>
<CardDescription>
Shortcuts relating to the nodes in the workspace.
</CardDescription>
</CardHeader>
<CardContent>
<TableComponent
domLayout="autoHeight"
pagination={false}
columnDefs={colDefs}
rowData={rowData}
/>
</CardContent>
</Card>
</div> </div>
</div> </div>
); );