External/domain-watchdog
1
0
Fork 0
mirror of https://github.com/maelgangloff/domain-watchdog.git synced 2025-12-29 16:15:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: remove some cards

Browse Source
This commit is contained in:
Maël Gangloff
2024-08-02 17:23:27 +02:00
parent e15c2e1a17
commit 54614c2aa1
6 changed files with 145 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
assets/components/search/EventTimeline.tsx
View File

@@ -8,10 +8,19 @@ import {
} from "@ant-design/icons";
import {Timeline} from "antd";
import React from "react";
import {Domain} from "../../utils/api";
import {Domain, EventAction} from "../../utils/api";
import {t} from "ttag";
import useBreakpoint from "../../hooks/useBreakpoint";
export function actionToColor(a: EventAction) {
return a === 'registration' ? 'green' :
a === 'reregistration' ? 'cyan' :
a === 'expiration' ? 'red' :
a === 'deletion' ? 'magenta' :
a === 'transfer' ? 'orange' :
a === 'last changed' ? 'blue' : 'default'
}
export function EventTimeline({domain}: { domain: Domain }) {
const sm = useBreakpoint('sm')
@@ -37,24 +46,18 @@ export function EventTimeline({domain}: { domain: Domain }) {
.sort((e1, e2) => new Date(e2.date).getTime() - new Date(e1.date).getTime())
.map(({action, date}) => {
let color, dot
let dot
if (action === 'registration') {
color = 'green'
dot = <SignatureOutlined style={{fontSize: '16px'}}/>
} else if (action === 'expiration') {
color = 'red'
dot = <ClockCircleOutlined style={{fontSize: '16px'}}/>
} else if (action === 'transfer') {
color = 'orange'
dot = <ShareAltOutlined style={{fontSize: '16px'}}/>
} else if (action === 'last changed') {
color = 'blue'
dot = <SyncOutlined style={{fontSize: '16px'}}/>
} else if (action === 'deletion') {
color = 'red'
dot = <DeleteOutlined style={{fontSize: '16px'}}/>
} else if (action === 'reregistration') {
color = 'green'
dot = <ReloadOutlined style={{fontSize: '16px'}}/>
}
@@ -69,7 +72,7 @@ export function EventTimeline({domain}: { domain: Domain }) {
}
return {
color,
color: actionToColor(action),
dot,
pending: new Date(date).getTime() > new Date().getTime(),
...text