You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.5 KiB
87 lines
2.5 KiB
import {
|
|
Row,
|
|
Col,
|
|
Label,
|
|
Input,
|
|
Button,
|
|
Modal,
|
|
ModalBody,
|
|
Form
|
|
} from "reactstrap";
|
|
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
|
import {
|
|
faTrashCan,
|
|
faTrashAlt,
|
|
faArrowLeft,
|
|
} from "@fortawesome/free-solid-svg-icons";
|
|
import {useTranslation} from "next-i18next";
|
|
import Image from 'next/image';
|
|
import {useElection, useElectionDispatch} from './ElectionContext';
|
|
import {upload} from '@services/imgpush';
|
|
import {IMGPUSH_URL} from '@services/constants';
|
|
import defaultAvatar from '../../public/default-avatar.svg'
|
|
import {useEffect} from "react";
|
|
|
|
|
|
const CandidateModal = ({isOpen, position, toggle}) => {
|
|
|
|
const {t} = useTranslation();
|
|
|
|
const election = useElection();
|
|
const dispatch = useElectionDispatch();
|
|
const candidate = election.candidates[position];
|
|
|
|
const removeCandidate = () => {
|
|
dispatch({'type': 'candidate-rm', 'position': position})
|
|
}
|
|
|
|
|
|
return (
|
|
<Modal
|
|
isOpen={isOpen}
|
|
toggle={toggle}
|
|
keyboard={true}
|
|
className='modal_candidate'
|
|
>
|
|
<ModalBody className='flex-column justify-contenter-center d-flex p-4'>
|
|
<Row className='justify-content-center'>
|
|
<Col className='col-auto px-4 py-4 rounded-circle bg-light'>
|
|
<FontAwesomeIcon size="2x" icon={faTrashCan} />
|
|
</Col>
|
|
</Row>
|
|
<p className='text-danger fw-bold text-center mt-4'>{t('admin.candidate-confirm-del')}
|
|
</p>
|
|
{candidate.name ? <h4 className='text-center'>{candidate.name}</h4> : null}
|
|
<Row className='mt-5 mb-3'>
|
|
<Col className='col-auto me-auto'>
|
|
<Button onClick={toggle} color='dark' outline={true}>
|
|
<Row className='gx-2 align-items-end'>
|
|
<Col className='col-auto'>
|
|
<FontAwesomeIcon icon={faArrowLeft} />
|
|
</Col>
|
|
<Col className='col-auto'>
|
|
{t('admin.candidate-confirm-back')}
|
|
</Col>
|
|
</Row>
|
|
</Button>
|
|
</Col>
|
|
<Col className='col-auto '>
|
|
<Button outline={true} color="primary" onClick={removeCandidate}>
|
|
<Row className='gx-2 align-items-end'>
|
|
<Col className='col-auto'>
|
|
<FontAwesomeIcon icon={faTrashAlt} />
|
|
</Col>
|
|
<Col className='col-auto'>
|
|
{t('admin.candidate-confirm-ok')}
|
|
</Col>
|
|
</Row>
|
|
</Button>
|
|
</Col>
|
|
|
|
</Row >
|
|
</ModalBody >
|
|
</Modal >);
|
|
|
|
}
|
|
export default CandidateModal;
|