All files / libs/tenants/users/profile/components/src/lib/roles/user-role-selector SelectedRoleOption.tsx

0% Statements 0/22
0% Branches 0/1
0% Functions 0/1
0% Lines 0/22

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23                                             
import { memo } from 'react';

import { type CellSelectOption } from '@allshares/studio-design-system';

import { UserRoleBadge } from '../user-role/UserRoleBadge';

import { fromRoleOptionValue, type RoleOption } from './useRoleOptions';

export const SelectedRoleOption = memo(function SelectedRoleOption({
  option,
}: {
  readonly option: CellSelectOption<RoleOption['value']>;
}) {
  const { role, adminScopeId } = fromRoleOptionValue(option.value);

  return (
    <UserRoleBadge
      adminScopeId={adminScopeId}
      role={role}
    />
  );
});