449dc55aaa
* chore: Upgrade Prettier 1.8 -> 2.0 * chore: Upgrade Babel 6 -> 7 * chore: Upgrade eslint plugins * chore: Add eslint import/order rules * chore: Update flow-typed deps
28 lines
575 B
JavaScript
28 lines
575 B
JavaScript
// @flow
|
|
import * as React from "react";
|
|
import ApiKey from "models/ApiKey";
|
|
import Button from "components/Button";
|
|
import ListItem from "components/List/Item";
|
|
|
|
type Props = {
|
|
token: ApiKey,
|
|
onDelete: (tokenId: string) => void,
|
|
};
|
|
|
|
const TokenListItem = ({ token, onDelete }: Props) => {
|
|
return (
|
|
<ListItem
|
|
key={token.id}
|
|
title={token.name}
|
|
subtitle={<code>{token.secret}</code>}
|
|
actions={
|
|
<Button onClick={() => onDelete(token.id)} neutral>
|
|
Revoke
|
|
</Button>
|
|
}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default TokenListItem;
|