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.
31 lines
1011 B
31 lines
1011 B
import {useRouter} from 'next/router';
|
|
import Button from '@components/Button';
|
|
import {useTranslation} from 'next-i18next';
|
|
import {getElection, castBallot, apiErrors, ElectionPayload, CandidatePayload, GradePayload} from '@services/api';
|
|
import {getLocaleShort} from '@services/utils';
|
|
import {faCalendarDays} from '@fortawesome/free-solid-svg-icons';
|
|
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
|
|
|
|
|
|
interface TitleBarInterface {
|
|
election: ElectionPayload;
|
|
}
|
|
const TitleBar = ({election}: TitleBarInterface) => {
|
|
const {t} = useTranslation();
|
|
const router = useRouter();
|
|
const locale = getLocaleShort(router);
|
|
|
|
return (
|
|
<div className="w-100 bg-light p-2 text-black justify-content-center d-flex ">
|
|
<div className="me-2">
|
|
<FontAwesomeIcon icon={faCalendarDays} />
|
|
</div>
|
|
<div>
|
|
{` ${t("vote.open-until")} ${new Date(election.date_end).toLocaleDateString(locale, {dateStyle: "long"})}`}
|
|
</div>
|
|
</div>
|
|
)
|
|
};
|
|
|
|
export default TitleBar
|