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

feat(AdminPage): add support for displaying user ID, creation date, and update date in the user table

Browse source 
fix(AdminPage): add type annotations to user variables in filter and map functions to improve type safety
This commit is contained in:
anovazzi1 2023-08-28 20:07:52 -03:00
commit bf81507447
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/src/pages/AdminPage/index.tsx
View file

@ -27,6 +27,7 @@ import ConfirmationModal from "../../modals/ConfirmationModal";
import UserManagementModal from "../../modals/UserManagementModal"; import UserManagementModal from "../../modals/UserManagementModal";
import { UserInputType } from "../../types/components"; import { UserInputType } from "../../types/components";
import Header from "../../components/headerComponent"; import Header from "../../components/headerComponent";
import { Users } from "../../types/api";
export default function AdminPage() { export default function AdminPage() {
const [inputValue, setInputValue] = useState(""); const [inputValue, setInputValue] = useState("");
@ -88,7 +89,7 @@ export default function AdminPage() {
if (input === "") { if (input === "") {
setFilterUserList(userList.current); setFilterUserList(userList.current);
} else { } else {
const filteredList = userList.current.filter((user) => const filteredList = userList.current.filter((user:Users) =>
user.username.toLowerCase().includes(input.toLowerCase()) user.username.toLowerCase().includes(input.toLowerCase())
); );
setFilterUserList(filteredList); setFilterUserList(filteredList);
@ -276,7 +277,7 @@ export default function AdminPage() {
</TableHeader> </TableHeader>
{!loadingUsers && ( {!loadingUsers && (
<TableBody> <TableBody>
{filterUserList.map((user, index) => ( {filterUserList.map((user:UserInputType, index) => (
<TableRow key={index}> <TableRow key={index}>
<TableCell className="truncate py-2 font-medium"> <TableCell className="truncate py-2 font-medium">
<ShadTooltip content={user.id}> <ShadTooltip content={user.id}>

3
src/frontend/src/types/components/index.ts
View file

@ -266,6 +266,9 @@ export type UserInputType = {
password: string; password: string;
is_active?: boolean; is_active?: boolean;
is_superuser?: boolean; is_superuser?: boolean;
id: string;
create_at: string;
updated_at:string;
}; };
export type ApiKeyType = { export type ApiKeyType = {