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.
mvfront-react/components/admin/Title.tsx

30 lines
997 B

/**
* This component manages the title of the election
*/
import {useTranslation} from 'next-i18next';
import {useState} from 'react';
import {Container} from 'reactstrap';
import {faPen} from '@fortawesome/free-solid-svg-icons';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import TitleModal from './TitleModal';
import {useElection} from '@services/ElectionContext';
const TitleField = () => {
const {t} = useTranslation();
const [election, _] = useElection();
const [modal, setModal] = useState(false);
const toggle = () => setModal((m) => !m);
return (
<Container onClick={toggle} className="bg-white p-4">
<div className="w-100 text-dark d-flex justify-content-between">
<h5 className="me-2">{t('admin.confirm-question')}</h5>
<FontAwesomeIcon icon={faPen} />
</div>
<h4 className="text-primary">{election.name}</h4>
<TitleModal isOpen={modal} toggle={toggle} />
</Container>
);
};
export default TitleField;