components ReportNickButton.tsx

100% Statements 6/6

100% Branches 2/2

100% Functions 3/3

100% Lines 3/3

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  
 
 
 
 
 
 
 
 
 
 
 
4x
 
4x
 
3x
 
 
 
 
 
  import { type Nick } from '../../domain/model/Nick';
import { Button, Group, Text } from '@mantine/core';
import { IconReport } from '@tabler/icons-react';
import { useReportNickStore } from '../stores/report-nick.store';
 
 
interface Props {
  nick: Nick;
  onClick?: () => void
}
 
export function ReportNickButton({ nick, onClick }: Props) {
  const setNick = useReportNickStore(s => s.setNick);
 
  return (
    <>
    <Button fullWidth variant="subtle" size="xs" onClick={() => {setNick(nick); if (onClick) onClick();}}>
        <Group gap="xs"><IconReport size={16} /> <Text>Signaler</Text></Group>
    </Button>
    </>
  );
}