All files / src/presentation/components ReportNickModal.tsx

87.5% Statements 7/8
100% Branches 2/2
83.33% Functions 5/6
80% Lines 4/5

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            2x 2x   2x   4x          
import { Modal } from '@mantine/core';
import { ReportForm } from './ReportForm';
import { useReportNickStore } from '../stores/report-nick.store';
 
 
export function ReportNickModal() {
  const nick = useReportNickStore(s => s.nick);
  const setNick = useReportNickStore(s => s.setNick);
 
  return (
    nick && 
    <Modal opened={nick !== null} onClose={() => setNick(null)} title={`Signaler "${nick.words.map(w => w.label).join(' ')}"`}>
      <ReportForm onClose={ () => {setNick(null);} } nickId={nick.id}/>
    </Modal>
  );
}