Merge pull request #141 from AlexSCorey/48-deleteOrgs

Add alert for org. delete.
This commit is contained in:
Alex Corey
2019-04-05 12:39:38 -04:00
committed by GitHub
8 changed files with 361 additions and 60 deletions

View File

@@ -11,54 +11,61 @@ import {
import VerticalSeparator from '../../../components/VerticalSeparator';
export default ({
itemId,
name,
userCount,
teamCount,
isSelected,
onSelect,
detailUrl,
}) => (
<li key={itemId} className="pf-c-data-list__item" aria-labelledby="check-action-item1">
<I18n>
{({ i18n }) => (
<Checkbox
checked={isSelected}
onChange={onSelect}
aria-label={i18n._(t`select organization ${itemId}`)}
id={`select-organization-${itemId}`}
/>
)}
</I18n>
<VerticalSeparator />
<div className="pf-c-data-list__cell">
<span id="check-action-item1">
<Link
to={`${detailUrl}`}
>
<b>{name}</b>
</Link>
</span>
</div>
<div className="pf-c-data-list__cell">
<Link to={`${detailUrl}/access`}>
<Trans>Users</Trans>
</Link>
<Badge isRead>
{' '}
{userCount}
{' '}
</Badge>
<Link to={`${detailUrl}/teams`}>
<Trans>Teams</Trans>
</Link>
<Badge isRead>
{' '}
{teamCount}
{' '}
</Badge>
</div>
<div className="pf-c-data-list__cell" />
</li>
);
class OrganizationListItem extends React.Component {
render () {
const {
itemId,
name,
userCount,
teamCount,
isSelected,
onSelect,
detailUrl,
} = this.props;
return (
<li key={itemId} className="pf-c-data-list__item" aria-labelledby="check-action-item1">
<I18n>
{({ i18n }) => (
<Checkbox
checked={isSelected}
onChange={onSelect}
aria-label={i18n._(t`select organization ${itemId}`)}
id={`select-organization-${itemId}`}
/>
)}
</I18n>
<VerticalSeparator />
<div className="pf-c-data-list__cell">
<span id="check-action-item1">
<Link
to={`${detailUrl}`}
>
<b>{name}</b>
</Link>
</span>
</div>
<div className="pf-c-data-list__cell">
<Link to={`${detailUrl}/access`}>
<Trans>Users</Trans>
</Link>
<Badge isRead>
{' '}
{userCount}
{' '}
</Badge>
<Link to={`${detailUrl}/teams`}>
<Trans>Teams</Trans>
</Link>
<Badge isRead>
{' '}
{teamCount}
{' '}
</Badge>
</div>
<div className="pf-c-data-list__cell" />
</li>
);
}
}
export default OrganizationListItem;