24 lines
916 B
TypeScript
24 lines
916 B
TypeScript
import { useSelector } from "react-redux";
|
|
import { AppState } from "@/state/reducer";
|
|
import { InsuranceState } from "@/state/reducer/insurance";
|
|
import { Actions, Step } from "@/components";
|
|
import { useTranslation } from "react-i18next";
|
|
import React from "react";
|
|
import { ContactAction } from "@/pages/steps/common";
|
|
import { useDeadlines } from "@/hooks";
|
|
import { StepProps } from "@material-ui/core";
|
|
|
|
export const InsuranceStep = (props: StepProps) => {
|
|
const insurance = useSelector<AppState, InsuranceState>(root => root.insurance);
|
|
const deadline = useDeadlines().insurance;
|
|
|
|
const { t } = useTranslation();
|
|
|
|
return <Step { ...props } label={ t("steps.insurance.header") } until={ deadline } completed={ insurance.signed } active={ !insurance.signed }>
|
|
<p>{ t(`steps.insurance.instructions`) }</p>
|
|
<Actions>
|
|
<ContactAction />
|
|
</Actions>
|
|
</Step>
|
|
}
|