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/AccessResults.tsx

38 lines
1.0 KiB

import {useTranslation} from 'next-i18next';
import {ElectionTypes, useElection} from '@services/ElectionContext';
import {Container} from 'reactstrap';
import Switch from '@components/Switch';
const AccessResults = () => {
const {t} = useTranslation();
const [election, dispatch] = useElection();
const toggle = () => {
dispatch({
type: ElectionTypes.SET,
field: 'hideResults',
value: !election.hideResults,
});
};
return (
<Container className="bg-white p-3 p-md-4">
<div className="d-flex gap-3">
<div className="me-auto d-flex flex-column justify-content-center">
<h5 className="mb-0 text-dark d-flex align-items-center">
{t('admin.access-results')}
</h5>
{election.hideResults ? (
<p className="text-muted">
{t('admin.access-results-desc')}
</p>
) : null}
</div>
<Switch toggle={toggle} state={!election.hideResults} />
</div>
</Container>
);
};
export default AccessResults;