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

Fixed size and pagination of globalVariables table

Browse source
This commit is contained in:
Lucas Oliveira 2024-05-06 18:45:13 +01:00
commit 9172dbc895
3 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,14 +9,14 @@ import { cn } from "../../utils/utils";
const TableComponent = forwardRef< const TableComponent = forwardRef<
ElementRef<typeof AgGridReact>, ElementRef<typeof AgGridReact>,
ComponentPropsWithoutRef<typeof AgGridReact> ComponentPropsWithoutRef<typeof AgGridReact>
>(({ pagination = true, ...props }, ref) => { >(({ ...props }, ref) => {
const dark = useDarkStore((state) => state.dark); const dark = useDarkStore((state) => state.dark);
return ( return (
<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 min-h-2 flex-col", "ag-theme-shadcn flex h-full flex-col",
)} // applying the grid theme )} // applying the grid theme
> >
<AgGridReact ref={ref} {...props} /> <AgGridReact ref={ref} {...props} />

1
src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx
View file

@ -181,7 +181,6 @@ export default function GlobalVariablesPage() {
}} }}
rowSelection="multiple" rowSelection="multiple"
suppressRowClickSelection={true} suppressRowClickSelection={true}
domLayout="autoHeight"
pagination={true} pagination={true}
columnDefs={colDefs} columnDefs={colDefs}
rowData={rowData} rowData={rowData}

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

@ -2,6 +2,7 @@ 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 } from "../../../../components/ui/card";
export default function ShortcutsPage() { export default function ShortcutsPage() {
const advancedShortcut = "Ctrl + Shift + A"; const advancedShortcut = "Ctrl + Shift + A";
@ -95,12 +96,16 @@ export default function ShortcutsPage() {
</div> </div>
</div> </div>
<div className="grid gap-6 pb-8"> <div className="grid gap-6 pb-8">
<TableComponent <Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4">
domLayout="autoHeight" <CardContent className="h-full">
pagination={false} <TableComponent
columnDefs={colDefs} domLayout="autoHeight"
rowData={nodesRowData} pagination={false}
/> columnDefs={colDefs}
rowData={nodesRowData}
/>
</CardContent>
</Card>
</div> </div>
</div> </div>
); );