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