56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import { DataTable, Text } from "react-native-paper";
|
|
|
|
import { TableSortDirection } from "@/constants/tableSortDirectionEnum";
|
|
import { SortableHeader } from "@/components/shared/SortableHeader";
|
|
|
|
interface UserTableHeaderProps {
|
|
sortColumn: string | null;
|
|
sortDirection: TableSortDirection;
|
|
onSort: (column: string) => void;
|
|
showActions?: boolean;
|
|
}
|
|
|
|
export const UserTableHeader = ({
|
|
sortColumn,
|
|
sortDirection,
|
|
onSort,
|
|
}: UserTableHeaderProps) => {
|
|
return (
|
|
<DataTable.Header>
|
|
<SortableHeader
|
|
title="Name"
|
|
column="name"
|
|
sortColumn={sortColumn}
|
|
sortDirection={sortDirection}
|
|
onSort={onSort}
|
|
/>
|
|
<SortableHeader
|
|
title="Risk Status"
|
|
column="risk"
|
|
sortColumn={sortColumn}
|
|
sortDirection={sortDirection}
|
|
onSort={onSort}
|
|
centerAlign
|
|
style={{ width: 120 }}
|
|
/>
|
|
<SortableHeader
|
|
title="Email"
|
|
column="email"
|
|
sortColumn={sortColumn}
|
|
sortDirection={sortDirection}
|
|
onSort={onSort}
|
|
/>
|
|
<SortableHeader
|
|
title="Title"
|
|
column="title"
|
|
sortColumn={sortColumn}
|
|
sortDirection={sortDirection}
|
|
onSort={onSort}
|
|
/>
|
|
<DataTable.Title style={{ justifyContent: "center" }}>
|
|
<Text style={{ fontSize: 12 }}>Actions</Text>
|
|
</DataTable.Title>
|
|
</DataTable.Header>
|
|
);
|
|
};
|