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 24 | 2x 2x 1x 1x | import { type Nick } from '../../domain/model/Nick';
import { useNickHistoryStore } from "../stores/nick-history.store";
import { Button, Group, Text } from '@mantine/core';
import { IconX } from '@tabler/icons-react';
interface Props {
nick: Nick;
onClick: () => void
}
export function RemoveNickFromHistoryButton({ nick, onClick }: Props) {
const removeFromHistory = useNickHistoryStore(s => s.removeNick);
return (
<Button fullWidth variant="subtle" size="xs" onClick={() => {
removeFromHistory(nick);
onClick()
}}>
<Group gap="xs"><IconX aria-label="Supprimer"/> <Text>Supprimer</Text></Group>
</Button>
)
}
|