15b1069bcc
This PR moves the entire project to Typescript. Due to the ~1000 ignores this will lead to a messy codebase for a while, but the churn is worth it – all of those ignore comments are places that were never type-safe previously. closes #1282
30 lines
611 B
TypeScript
30 lines
611 B
TypeScript
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) => Promise<void>;
|
||
};
|
||
|
||
const TokenListItem = ({ token, onDelete }: Props) => {
|
||
return (
|
||
<ListItem
|
||
key={token.id}
|
||
title={
|
||
<>
|
||
{token.name} – <code>{token.secret}</code>
|
||
</>
|
||
}
|
||
actions={
|
||
<Button onClick={() => onDelete(token.id)} neutral>
|
||
Revoke
|
||
</Button>
|
||
}
|
||
/>
|
||
);
|
||
};
|
||
|
||
export default TokenListItem;
|