Hice una tabla usando .map() que regresa a los usuarios de una matriz que tiene solo un usuario administrador.
Sé que el usuario es administrador porque representa el nombre (ADM) de la siguiente manera: estoy obteniendo el user.email de usuario de la matriz de usuarios y lo comparo con el user.email de usuario del contexto (toma los datos que provienen de auth0) . Si este correo electrónico tiene el permiso de administrador (manage:accounts) , entonces su nombre será seguido por (ADM) . Creo que este código puede ayudar a hacer el .sort(), pero no pude hacerlo
Aquí está la matriz: el correo electrónico michelle@gmail.com es el que tiene permiso de administrador en auth0
const userList = [ { name: 'Bob', email: 'bob@gmail.com', birth_date: '13/03/1954' }, { name: 'Susy', email: 'suzy@gmail.com', birth_date: '23/03/1987' }, { name: 'Michelle', email: 'michelle@gmail.com', birth_date: '31/10/1992' } ];Aquí está el código que acabo de describir:
{user.name} {user.email === context.user.email && context.user.permissions.includes('manage:accounts') && ('(ADM)')}Aquí está la tabla que hice:
<TableContainer component={Paper} elevation={0}> <S.TableContent> {userList?.length && userList.map((user, index) => ( <TableRow key={index}> <S.TableCellIcon> <S.UserIcon src={'/icon_profile.svg'} alt='Ícone do perfil' /> </S.TableCellIcon> <S.TableCellUser> <span>{user.name} {user.email === context.user.email && context.user.permissions.includes('manage:accounts') && ('(ADM)')}</span> <p>{user.email}</p> </S.TableCellUser> <S.TableCellLastAcess> Último acesso: <b>{user.birth_date}</b> </S.TableCellLastAcess> </TableRow> ))} </S.TableContent> </TableContainer>Gracias por tu ayuda <3