add permissions work

src/app/hooks/react-query/useUsersData.ts

@@ -51,19 +51,7 @@ export const useUsersData = (page: number, size: number, sortBy?: string, sortDi
 		select: (data: ApiResponse): UsersDataWithPagination => {
 			if (!data?.content || data.content.length === 0) {
 				return {
-					users: [{
-						id: 1,
-						userName: 'userName',
-						userEmail: 'userEmail',
-						userCompany: 'userCompany',
-						userSubscription: Date.now(),
-						userRole: 'role',
-						userContent: 0,
-						tariff: 'EXPIRED',
-						tokens: 0,
-						verificationStatus: 'UNVERIFIED',
-						_original: {} as ApiUser
-					}],
+					users: [],
 					pagination: {
 						totalElements: data?.totalElements || 0,
 						totalPages: data?.totalPages || 0,

src/app/ui/users/tanstak-users-table.tsx

@@ -65,7 +65,7 @@ const cutFileName = (userId: string) => {
 	return nameWithoutExtension.substring(0, maxNameLength) + '...' + extension;
 }
 
-export default function TanstakUsersTable() {
+export default function TanstakUsersTable({ permission }: { permission: number }) {
 	// Состояния
 	const [sorting, setSorting] = useState<SortingState>([]);
 	const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);

src/app/ui/users/users-table.tsx

@@ -2,14 +2,15 @@
 
 import TanstakFilesTable from '@/app/ui/users/tanstak-users-table';
 import { useEmployeInfo } from '@/app/hooks/react-query/useEmployeInfo';
+import { useEffect } from 'react';
 
 export function UsersTable() {
-	const { canRead } = useEmployeInfo();
+	const { getPermissionLevel } = useEmployeInfo();
 
 	return (
 		<div>
-			{canRead('users') && (
-				<TanstakFilesTable />
+			{getPermissionLevel('users') > 0 && (
+				<TanstakFilesTable permission={getPermissionLevel('users')}/>
 			)}
 		</div>
 	)