SCM-Manager/scm-ui/ui-webapp/src/admin/roles/components/PermissionRoleDetailsTable.tsx

import React from 'react';
import { RepositoryRole } from '@scm-manager/ui-types';
import { translate } from 'react-i18next';
import AvailableVerbs from './AvailableVerbs';

type Props = {
  role: RepositoryRole;

  // context props
  t: (p: string) => string;
};

class PermissionRoleDetailsTable extends React.Component<Props> {
  render() {
    const { role, t } = this.props;
    return (
      <table className="table content">
        <tbody>
          <tr>
            <th>{t('repositoryRole.name')}</th>
            <td>{role.name}</td>
          </tr>
          <tr>
            <th>{t('repositoryRole.type')}</th>
            <td>{role.type}</td>
          </tr>
          <tr>
            <th>{t('repositoryRole.verbs')}</th>
            <AvailableVerbs role={role} />
          </tr>
        </tbody>
      </table>
    );
  }
}

export default translate('admin')(PermissionRoleDetailsTable);