space between permision

This commit is contained in:
hamid zarghami
2026-07-25 10:48:40 +03:30
parent f7871db066
commit 52bb36ac3c
+14 -10
View File
@@ -1,7 +1,7 @@
import { FC, useState } from 'react' import { FC, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import Button from '../../components/Button' import Button from '../../components/Button'
import { Add, Eye, Trash } from 'iconsax-react' import { Add, Eye } from 'iconsax-react'
import Input from '../../components/Input' import Input from '../../components/Input'
import Td from '../../components/Td' import Td from '../../components/Td'
import { Link, useNavigate } from 'react-router-dom' import { Link, useNavigate } from 'react-router-dom'
@@ -12,6 +12,7 @@ import PageLoading from '../../components/PageLoading'
import { toast } from '../../components/Toast'; import { toast } from '../../components/Toast';
import { ErrorType } from '../../helpers/types' import { ErrorType } from '../../helpers/types'
import Pagination from '../../components/Pagination' import Pagination from '../../components/Pagination'
import TrashWithConfrim from '../../components/TrashWithConfrim'
const UsersList: FC = () => { const UsersList: FC = () => {
const navigate = useNavigate() const navigate = useNavigate()
@@ -90,13 +91,15 @@ const UsersList: FC = () => {
<Td text={item.firstName + ' ' + item.lastName} /> <Td text={item.firstName + ' ' + item.lastName} />
<Td text={item.email} /> <Td text={item.email} />
<Td text={''}> <Td text={''}>
{ <div className='flex flex-wrap gap-2'>
item.roles.map((role) => ( {
<div key={role.id} className='bg-primary w-fit text-white px-2 py-1 rounded-2xl text-xs'> item.roles.map((role) => (
{role.name} <div key={role.id} className='bg-primary w-fit text-white px-2 py-1 rounded-2xl text-xs'>
</div> {role.name}
)) </div>
} ))
}
</div>
</Td> </Td>
<Td text={''}> <Td text={''}>
<div className='flex gap-2'> <div className='flex gap-2'>
@@ -104,10 +107,11 @@ const UsersList: FC = () => {
<Eye size={20} color='#8C90A3' /> <Eye size={20} color='#8C90A3' />
</Link> </Link>
<Trash <TrashWithConfrim
size={20} size={20}
color='#8C90A3' color='#8C90A3'
onClick={() => handleDeleteUser(item.id)} onDelete={() => handleDeleteUser(item.id)}
isLoading={deleteUser.isPending}
/> />
</div> </div>
</Td> </Td>