diff --git a/assets/components/search/DomainLifecycleSteps.tsx b/assets/components/search/DomainLifecycleSteps.tsx index 23919bf..7f269e0 100644 --- a/assets/components/search/DomainLifecycleSteps.tsx +++ b/assets/components/search/DomainLifecycleSteps.tsx @@ -1,7 +1,13 @@ import {StepProps, Steps, Tooltip} from "antd"; import React from "react"; import {t} from "ttag"; -import {CheckOutlined, DeleteOutlined, ExclamationCircleOutlined, SignatureOutlined} from "@ant-design/icons"; +import { + CheckOutlined, + DeleteOutlined, + ExclamationCircleOutlined, + FieldTimeOutlined, + SignatureOutlined +} from "@ant-design/icons"; import {rdapEventDetailTranslation, rdapStatusCodeDetailTranslation} from "../../utils/functions/rdapTranslation"; export function DomainLifecycleSteps({status}: { status: string[] }) { @@ -19,23 +25,29 @@ export function DomainLifecycleSteps({status}: { status: string[] }) { title: {t`Active`}, icon: }, + { + title: {t`Auto-Renew Grace Period`}, + icon: + }, { title: {t`Redemption Period`}, - icon: + title={rdapStatusCodeDetailTranslated["redemption period"]}>{t`Redemption Grace Period`}, + icon: }, { title: {t`Pending Delete`}, - icon: + icon: } ] let currentStep = 1 - if (status.includes('redemption period')) { + if (status.includes('auto renew period')) { currentStep = 2 - } else if (status.includes('pending delete')) { + } else if (status.includes('redemption period')) { currentStep = 3 + } else if (status.includes('pending delete')) { + currentStep = 4 } return