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

Fixed table header displaying Title Case instead of normal

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-13 18:22:16 -03:00
commit 94d7f4a9cb
1 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -35,12 +35,11 @@ const TableComponent = forwardRef<
alertDescription = DEFAULT_TABLE_ALERT_MSG, alertDescription = DEFAULT_TABLE_ALERT_MSG,
...props ...props
}, },
ref ref,
) => { ) => {
let colDef = props.columnDefs.map((col, index) => { let colDef = props.columnDefs.map((col, index) => {
let newCol = { let newCol = {
...col, ...col,
headerName: toTitleCase(col.headerName),
}; };
if (index === props.columnDefs.length - 1) { if (index === props.columnDefs.length - 1) {
newCol = { newCol = {
@ -111,7 +110,7 @@ const TableComponent = forwardRef<
}; };
const onColumnMoved = (params) => { const onColumnMoved = (params) => {
const updatedColumnDefs = makeLastColumnNonResizable( const updatedColumnDefs = makeLastColumnNonResizable(
params.columnApi.getAllGridColumns().map((col) => col.getColDef()) params.columnApi.getAllGridColumns().map((col) => col.getColDef()),
); );
params.api.setGridOption("columnDefs", updatedColumnDefs); params.api.setGridOption("columnDefs", updatedColumnDefs);
if (props.onColumnMoved) props.onColumnMoved(params); if (props.onColumnMoved) props.onColumnMoved(params);
@ -135,7 +134,7 @@ const TableComponent = forwardRef<
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", "ag-theme-shadcn flex h-full flex-col",
"relative" "relative",
)} // applying the grid theme )} // applying the grid theme
> >
<AgGridReact <AgGridReact
@ -152,7 +151,7 @@ const TableComponent = forwardRef<
if (e.sources.some((source) => source.includes("column"))) { if (e.sources.some((source) => source.includes("column"))) {
localStorage.setItem( localStorage.setItem(
storeReference, storeReference,
JSON.stringify(realRef.current?.api?.getColumnState()) JSON.stringify(realRef.current?.api?.getColumnState()),
); );
setColumnStateChange(true); setColumnStateChange(true);
} }
@ -175,7 +174,7 @@ const TableComponent = forwardRef<
)} )}
</div> </div>
); );
} },
); );
export default TableComponent; export default TableComponent;