import { RootState } from './rootReducer';
import { Trans } from '@lingui/macro';
import { reqestQuitTask } from './actionSlice';
import { setClose } from './quitTaskConfirmationSlice';
import { useDispatch, useSelector } from 'react-redux';
import ConfirmDialog from '~t/share/ConfirmationDialog';
import React from 'react';

export default function QuitTaskConfirmationDialog() {
  const d = useDispatch();
  const open = useSelector((s: RootState) => s.quitConfirmation.open);
  const ergID = useSelector((s: RootState) => s.quitConfirmation.ergID);

  function handleClose() {
    d(setClose());
  }

  function handleConfirmed() {
    d(reqestQuitTask(ergID));
    d(setClose());
  }

  return (
    <ConfirmDialog
      open={open}
      title={<Trans>Quit task</Trans>}
      text={<Trans>Please confirm</Trans>}
      handleClose={handleClose}
      handleNotConfirmed={handleClose}
      handleConfirmed={handleConfirmed}
    />
  );
}