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

🐛 fix(ApiKeysPage): add missing TableHead for 'Id' column to improve table structure

Browse source 
✨ feat(ApiKeysPage): add tooltip and cursor-default to display the full 'Id' value in the table
🐛 fix(ApiKeysPage): fix typo in ConfirmationModal titleHeader from 'Delete User' to 'Delete Key'
✨ feat(ApiKeysPage): add onCloseModal callback to refresh keys after creating a new secret key
This commit is contained in:
Cristhian Zanforlin Lousa 2023-08-17 19:51:40 -03:00
commit 8e662e65f6
1 changed files with 62 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/src/pages/ApiKeysPage/index.tsx
View file

@ -129,6 +129,7 @@ export default function ApiKeysPage() {
} }
> >
<TableRow> <TableRow>
<TableHead className="h-10">Id</TableHead>
<TableHead className="h-10">Name</TableHead> <TableHead className="h-10">Name</TableHead>
<TableHead className="h-10">Key</TableHead> <TableHead className="h-10">Key</TableHead>
<TableHead className="h-10">Created</TableHead> <TableHead className="h-10">Created</TableHead>
@ -148,8 +149,16 @@ export default function ApiKeysPage() {
</TableHeader> </TableHeader>
{!loadingKeys && ( {!loadingKeys && (
<TableBody> <TableBody>
{keysList.current.map((api_keys: ApiKey, index: number) => ( {keysList.current.map(
(api_keys: ApiKey, index: number) => (
<TableRow key={index}> <TableRow key={index}>
<TableCell className="truncate py-2">
<ShadTooltip content={api_keys.id}>
<span className="cursor-default">
{api_keys.id}
</span>
</ShadTooltip>
</TableCell>
<TableCell className="truncate py-2"> <TableCell className="truncate py-2">
<ShadTooltip content={api_keys.name}> <ShadTooltip content={api_keys.name}>
<span className="cursor-default"> <span className="cursor-default">
@ -198,7 +207,8 @@ export default function ApiKeysPage() {
</div> </div>
</TableCell> </TableCell>
</TableRow> </TableRow>
))} )
)}
</TableBody> </TableBody>
)} )}
</Table> </Table>
@ -212,7 +222,9 @@ export default function ApiKeysPage() {
confirmationText="Create secret key" confirmationText="Create secret key"
icon={"Key"} icon={"Key"}
data={userId} data={userId}
onCloseModal={() => {getKeys()}} onCloseModal={() => {
getKeys();
}}
> >
<Button> <Button>
<IconComponent name="Plus" className="mr-1 h-5 w-5" /> <IconComponent name="Plus" className="mr-1 h-5 w-5" />