+
)
diff --git a/src/components/Table/types.ts b/src/components/Table/types.ts
index 854b4de5..f3ea9a84 100644
--- a/src/components/Table/types.ts
+++ b/src/components/Table/types.ts
@@ -1,3 +1,4 @@
+import { Key } from 'react'
import { SharedIconProps } from '../Icon'
import { SharedLinkProps } from '../Link'
@@ -37,11 +38,13 @@ interface NumberByteType extends Omit
{
format: ColumnFormats.byte
}
+export enum DateDisplayFormat {
+ fromNow = 'fromNow'
+}
+
export interface NumberDateType extends Omit {
format: ColumnFormats.date
- renderProps?: {
- displayFormat?: string
- }
+ renderProps?: { displayFormat: string | DateDisplayFormat }
}
type NumberType = NumberDefaultType | NumberByteType | NumberDateType
@@ -92,5 +95,5 @@ type ComponentType =
export type ColumnType = StringType | NumberType | ComponentType
export interface ParentDataType extends Record {
- id?: string | number
+ id?: Key
}
diff --git a/src/components/Table/utils.tsx b/src/components/Table/utils.tsx
index abb4804d..e9b32d64 100644
--- a/src/components/Table/utils.tsx
+++ b/src/components/Table/utils.tsx
@@ -7,6 +7,7 @@ import {
ColumnFormats,
ColumnType,
ColumnTypes,
+ DateDisplayFormat,
NumberDateType,
ParentDataType
} from './types'
@@ -356,8 +357,14 @@ export function createDateFormatter(
let displayFormat = ''
const { renderProps } = column
- if (renderProps && renderProps.displayFormat)
+ if (renderProps && renderProps.displayFormat) {
+ if (renderProps.displayFormat === DateDisplayFormat.fromNow) {
+ return (num?: number) =>
+ num === undefined ? null : moment(num).fromNow()
+ }
+
displayFormat = renderProps.displayFormat
+ }
return (num?: number) =>
num === undefined ? null : moment(num).format(displayFormat)