vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-07 04:20:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

add tooltip for date column values

Browse Source
This commit is contained in:
jeffvli
2025-10-07 11:36:59 -07:00
parent f09a8e3306
commit b9f600409e
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-list/item-table-list/columns/date-column.tsx
+7 -2
View File
@@ -4,6 +4,7 @@ import {
} from '/@/renderer/components/item-list/item-table-list/item-table-list-column'; } from '/@/renderer/components/item-list/item-table-list/item-table-list-column';
import { formatDateAbsolute, formatDateRelative } from '/@/renderer/utils/format'; import { formatDateAbsolute, formatDateRelative } from '/@/renderer/utils/format';
import { Skeleton } from '/@/shared/components/skeleton/skeleton'; import { Skeleton } from '/@/shared/components/skeleton/skeleton';
import { Tooltip } from '/@/shared/components/tooltip/tooltip';
export const DateColumn = (props: ItemTableListInnerColumn) => { export const DateColumn = (props: ItemTableListInnerColumn) => {
const row: string | undefined = (props.data as (any | undefined)[])[props.rowIndex]?.[ const row: string | undefined = (props.data as (any | undefined)[])[props.rowIndex]?.[
@@ -13,7 +14,9 @@ export const DateColumn = (props: ItemTableListInnerColumn) => {
if (typeof row === 'string' && row) { if (typeof row === 'string' && row) {
return ( return (
<TableColumnTextContainer {...props}> <TableColumnTextContainer {...props}>
{formatDateAbsolute(row)} <Tooltip label={row} multiline={false}>
<span>{formatDateAbsolute(row)}</span>
</Tooltip>
</TableColumnTextContainer> </TableColumnTextContainer>
); );
} }
@@ -33,7 +36,9 @@ export const RelativeDateColumn = (props: ItemTableListInnerColumn) => {
if (typeof row === 'string') { if (typeof row === 'string') {
return ( return (
<TableColumnTextContainer {...props}> <TableColumnTextContainer {...props}>
{formatDateRelative(row)} <Tooltip label={row} multiline={false}>
<span>{formatDateRelative(row)}</span>
</Tooltip>
</TableColumnTextContainer> </TableColumnTextContainer>
); );
} }