support original date display and sort (#1488)

src/renderer/components/item-list/item-table-list/columns/date-column.tsx

@@ -10,9 +10,11 @@ import {
     formatDateRelative,
     formatHrDateTime,
 } from '/@/renderer/utils/format';
+import { SEPARATOR_STRING } from '/@/shared/api/utils';
 import { Stack } from '/@/shared/components/stack/stack';
 import { Text } from '/@/shared/components/text/text';
 import { Tooltip } from '/@/shared/components/tooltip/tooltip';
+import { TableColumn } from '/@/shared/types/types';
 
 const getDateTooltipLabel = (utcString: string) => {
     return (
@@ -54,6 +56,47 @@ export const AbsoluteDateColumn = (props: ItemTableListInnerColumn) => {
         props.columns[props.columnIndex].id
     ];
 
+    if (props.type === TableColumn.RELEASE_DATE) {
+        const item = (props.data as (any | undefined)[])[props.rowIndex];
+        if (item && 'releaseDate' in item && item.releaseDate) {
+            const releaseDate = item.releaseDate;
+            const originalDate =
+                'originalDate' in item && item.originalDate && item.originalDate !== releaseDate
+                    ? item.originalDate
+                    : null;
+
+            if (originalDate) {
+                const formattedOriginalDate = formatDateAbsoluteUTC(originalDate);
+                const formattedReleaseDate = formatDateAbsoluteUTC(releaseDate);
+                const displayText = `♫ ${formattedOriginalDate}${SEPARATOR_STRING}${formattedReleaseDate}`;
+
+                return (
+                    <TableColumnTextContainer {...props}>
+                        <Tooltip label={getDateTooltipLabel(releaseDate)} multiline={false}>
+                            <span>{displayText}</span>
+                        </Tooltip>
+                    </TableColumnTextContainer>
+                );
+            }
+
+            if (typeof releaseDate === 'string' && releaseDate) {
+                return (
+                    <TableColumnTextContainer {...props}>
+                        <Tooltip label={getDateTooltipLabel(releaseDate)} multiline={false}>
+                            <span>{formatDateAbsoluteUTC(releaseDate)}</span>
+                        </Tooltip>
+                    </TableColumnTextContainer>
+                );
+            }
+        }
+
+        if (row === null) {
+            return <ColumnNullFallback {...props} />;
+        }
+
+        return <ColumnSkeletonFixed {...props} />;
+    }
+
     if (typeof row === 'string' && row) {
         return (
             <TableColumnTextContainer {...props}>