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

removed border from tables on Settings

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-06 19:37:28 -03:00
commit c6a5070e4b
4 changed files with 49 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/frontend/src/pages/SettingsPage/pages/ApiKeysPage/index.tsx
View file

@ -52,23 +52,17 @@ export default function ApiKeysPage() {
/> />
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4"> <TableComponent
<CardContent className="h-full"> overlayNoRowsTemplate="No data available"
<TableComponent onSelectionChanged={(event: SelectionChangedEvent) => {
overlayNoRowsTemplate="No data available" setSelectedRows(event.api.getSelectedRows().map((row) => row.id));
onSelectionChanged={(event: SelectionChangedEvent) => { }}
setSelectedRows( rowSelection="multiple"
event.api.getSelectedRows().map((row) => row.id), suppressRowClickSelection={true}
); pagination={true}
}} columnDefs={columnDefs}
rowSelection="multiple" rowData={keysList.current}
suppressRowClickSelection={true} />
pagination={true}
columnDefs={columnDefs}
rowData={keysList.current}
/>
</CardContent>
</Card>
</div> </div>
</div> </div>
); );

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

@ -16,13 +16,13 @@ import { cn } from "../../../../utils/utils";
export default function GlobalVariablesPage() { export default function GlobalVariablesPage() {
const globalVariablesEntries = useGlobalVariablesStore( const globalVariablesEntries = useGlobalVariablesStore(
(state) => state.globalVariablesEntries (state) => state.globalVariablesEntries,
); );
const removeGlobalVariable = useGlobalVariablesStore( const removeGlobalVariable = useGlobalVariablesStore(
(state) => state.removeGlobalVariable (state) => state.removeGlobalVariable,
); );
const globalVariables = useGlobalVariablesStore( const globalVariables = useGlobalVariablesStore(
(state) => state.globalVariables (state) => state.globalVariables,
); );
const setErrorData = useAlertStore((state) => state.setErrorData); const setErrorData = useAlertStore((state) => state.setErrorData);
const getVariableId = useGlobalVariablesStore((state) => state.getVariableId); const getVariableId = useGlobalVariablesStore((state) => state.getVariableId);
@ -154,7 +154,7 @@ export default function GlobalVariablesPage() {
<IconComponent <IconComponent
name="Trash2" name="Trash2"
className={cn( className={cn(
"h-5 w-5 text-destructive group-disabled:text-primary" "h-5 w-5 text-destructive group-disabled:text-primary",
)} )}
/> />
</Button> </Button>
@ -168,23 +168,17 @@ export default function GlobalVariablesPage() {
</div> </div>
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4"> <TableComponent
<CardContent className="h-full"> overlayNoRowsTemplate="No data available"
<TableComponent onSelectionChanged={(event: SelectionChangedEvent) => {
overlayNoRowsTemplate="No data available" setSelectedRows(event.api.getSelectedRows().map((row) => row.name));
onSelectionChanged={(event: SelectionChangedEvent) => { }}
setSelectedRows( rowSelection="multiple"
event.api.getSelectedRows().map((row) => row.name) suppressRowClickSelection={true}
); pagination={true}
}} columnDefs={colDefs}
rowSelection="multiple" rowData={rowData}
suppressRowClickSelection={true} />
pagination={true}
columnDefs={colDefs}
rowData={rowData}
/>
</CardContent>
</Card>
</div> </div>
</div> </div>
); );

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

@ -115,15 +115,11 @@ export default function ShortcutsPage() {
</div> </div>
</div> </div>
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4"> <TableComponent
<CardContent className="h-full"> pagination={false}
<TableComponent columnDefs={colDefs}
pagination={false} rowData={nodesRowData}
columnDefs={colDefs} />
rowData={nodesRowData}
/>
</CardContent>
</Card>
</div> </div>
</div> </div>
); );

40
src/frontend/src/pages/SettingsPage/pages/messagesPage/index.tsx
View file

@ -53,28 +53,24 @@ export default function MessagesPage() {
/> />
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4"> <TableComponent
<CardContent className="h-full"> readOnlyEdit
<TableComponent onCellEditRequest={(event) => {
readOnlyEdit handleUpdateMessage(event);
onCellEditRequest={(event) => { }}
handleUpdateMessage(event); editable={["Sender Name", "Message"]}
}} overlayNoRowsTemplate="No data available"
editable={["Sender Name", "Message"]} onSelectionChanged={(event: SelectionChangedEvent) => {
overlayNoRowsTemplate="No data available" setSelectedRows(
onSelectionChanged={(event: SelectionChangedEvent) => { event.api.getSelectedRows().map((row) => row.index),
setSelectedRows( );
event.api.getSelectedRows().map((row) => row.index), }}
); rowSelection="multiple"
}} suppressRowClickSelection={true}
rowSelection="multiple" pagination={true}
suppressRowClickSelection={true} columnDefs={columns}
pagination={true} rowData={messages}
columnDefs={columns} />
rowData={messages}
/>
</CardContent>
</Card>
</div> </div>
</div> </div>
); );