diff --git a/assets/components/search/DomainLifecycleSteps.tsx b/assets/components/search/DomainLifecycleSteps.tsx
new file mode 100644
index 0000000..180f22c
--- /dev/null
+++ b/assets/components/search/DomainLifecycleSteps.tsx
@@ -0,0 +1,55 @@
+import {StepProps, Steps, Tooltip} from "antd";
+import React from "react";
+import {t} from "ttag";
+import {
+ CheckOutlined,
+ DeleteOutlined,
+ ExclamationCircleOutlined,
+ ReloadOutlined,
+ SignatureOutlined
+} from "@ant-design/icons";
+import {rdapEventDetailTranslation, rdapStatusCodeDetailTranslation} from "../../utils/functions/rdapTranslation";
+
+export function DomainLifecycleSteps({status}: { status: string[] }) {
+
+ const rdapEventDetailTranslated = rdapEventDetailTranslation()
+ const rdapStatusCodeDetailTranslated = rdapStatusCodeDetailTranslation()
+
+
+ const steps: StepProps[] = [
+ {
+ title: {t`Registration`},
+ icon:
+ },
+ {
+ title: {t`Active`},
+ icon:
+ },
+ {
+ title: {t`Renew Period`},
+ icon:
+ },
+ {
+ title: {t`Redemption Period`},
+ icon:
+ },
+ {
+ title: {t`Pending Delete`},
+ icon:
+ }
+ ]
+
+ let currentStep = 1
+
+ if (status.includes('redemption period')) {
+ currentStep = 4
+ } else if (status.includes('pending delete')) {
+ currentStep = 5
+ }
+
+ return
+}
\ No newline at end of file
diff --git a/assets/components/search/DomainResult.tsx b/assets/components/search/DomainResult.tsx
index 3ef7d55..ed4d1db 100644
--- a/assets/components/search/DomainResult.tsx
+++ b/assets/components/search/DomainResult.tsx
@@ -5,15 +5,18 @@ import {EntitiesList} from "./EntitiesList";
import {DomainDiagram} from "./DomainDiagram";
import React from "react";
import {Domain} from "../../utils/api";
-import {rdapStatusCodeDetailTranslation} from "./rdapTranslation";
+import {rdapStatusCodeDetailTranslation} from "../../utils/functions/rdapTranslation";
import {regionNames} from "../../i18n";
import {getCountryCode} from "../../utils/functions/getCountryCode";
+import {eppStatusCodeToColor} from "../../utils/functions/eppStatusCodeToColor";
+import {DomainLifecycleSteps} from "./DomainLifecycleSteps";
export function DomainResult({domain}: { domain: Domain }) {
const rdapStatusCodeDetailTranslated = rdapStatusCodeDetailTranslation()
- const {tld} = domain
+ const {tld, events} = domain
+ const domainEvents = events.sort((e1, e2) => new Date(e2.date).getTime() - new Date(e1.date).getTime())
return
@@ -34,6 +37,9 @@ export function DomainResult({domain}: { domain: Domain }) {
{domain.ldhName}{domain.handle && {domain.handle}}
}
size="small">
+ {
+ domain.events.length > 0 &&
+ }
{domain.status.length > 0 &&
<>
{t`EPP Status Codes`}
@@ -43,15 +49,19 @@ export function DomainResult({domain}: { domain: Domain }) {
- {s}
+ {s}
)
}
}
- {t`Timeline`}
-
+ {
+ domain.events.length > 0 && <>
+ {t`Timeline`}
+
+
+ }
{
domain.entities.length > 0 &&
<>
diff --git a/assets/components/search/DomainSearchBar.tsx b/assets/components/search/DomainSearchBar.tsx
index e85a9b0..f98c124 100644
--- a/assets/components/search/DomainSearchBar.tsx
+++ b/assets/components/search/DomainSearchBar.tsx
@@ -10,10 +10,9 @@ export type FieldType = {
export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => void }) {
return