引用の日付をメッセージのものと合わせるように

src/components/Main/CommandPalette/SearchResultMessageElement.vue

@@ -44,7 +44,7 @@
 <script lang="ts" setup>
 import type { DeepReadonly } from 'vue'
 import { computed, ref, shallowRef, watchEffect } from 'vue'
-import { getCreatedDate } from '/@/lib/basic/date'
+import { getDisplayDate } from '/@/lib/basic/date'
 import type { MessageId } from '/@/types/entity-ids'
 import useChannelPath from '/@/composables/useChannelPath'
 import type { Message } from '@traptitech/traq'
@@ -92,7 +92,7 @@ const date = computed(() => {
   } else {
     _date = props.message.updatedAt
   }
-  return getCreatedDate(_date)
+  return getDisplayDate(_date)
 })
 const { fetchFileMetaData } = useMessagesStore()
 

src/components/Main/MainView/MessageElement/MessageQuoteListItemFooter.vue

@@ -16,7 +16,7 @@
 import { computed } from 'vue'
 import type { Message } from '@traptitech/traq'
 import useChannelPath from '/@/composables/useChannelPath'
-import { getCreatedDate } from '/@/lib/basic/date'
+import { getDisplayDate } from '/@/lib/basic/date'
 import { constructMessagesPath } from '/@/router'
 
 const props = defineProps<{
@@ -32,7 +32,7 @@ const channelLink = computed(() =>
   props.message ? channelIdToLink(props.message.channelId) : ''
 )
 const date = computed(() =>
-  props.message ? getCreatedDate(props.message.createdAt) : ''
+  props.message ? getDisplayDate(props.message.createdAt) : ''
 )
 const messageLink = computed(() =>
   props.message ? constructMessagesPath(props.message.id) : ''

src/components/Modal/FileModal/FileModalContentFooter.vue

@@ -16,7 +16,7 @@ import FileModalContentFooterUsername from './FileModalContentFooterUsername.vue
 import { computed } from 'vue'
 import useFileMeta from '/@/composables/files/useFileMeta'
 import useChannelPath from '/@/composables/useChannelPath'
-import { getCreatedDate } from '/@/lib/basic/date'
+import { getDisplayDate } from '/@/lib/basic/date'
 import { useOpenLinkAndClearModal } from '../composables/useOpenLinkFromModal'
 import { useUsersStore } from '/@/store/entities/users'
 
@@ -39,7 +39,7 @@ const user = computed(() =>
   usersMap.value.get(fileMeta.value?.uploaderId ?? '')
 )
 const createdAt = computed(() =>
-  getCreatedDate(fileMeta.value?.createdAt ?? '')
+  getDisplayDate(fileMeta.value?.createdAt ?? '')
 )
 
 const { channelIdToPathString, channelIdToLink } = useChannelPath()

src/lib/basic/date.ts

@@ -41,8 +41,8 @@ export const getDateRepresentationWithoutSameDate = (
   return timeString
 }
 
-export const getDateRepresentation = (date: string) => {
-  const displayDate = new Date(date)
+export const getDateRepresentation = (date: Readonly<Date>) => {
+  const displayDate = date
   const today = new Date()
   const timeString = getTimeString(displayDate)
   const yesterday = new Date(today.getTime() - 1000 * 60 * 60 * 24)
@@ -68,12 +68,16 @@ export const getDateRepresentation = (date: string) => {
   }
 }
 
-export const getDisplayDate = (createdAt: string, updatedAt: string) => {
-  return getDateRepresentation(updatedAt)
-}
+export const getDisplayDate = (createdAt: string, updatedAt?: string) => {
+  const createdAtUnix = Date.parse(createdAt)
+  const updatedAtUnix = Date.parse(updatedAt ?? '')
+  if (!Number.isNaN(updatedAtUnix)) {
+    return getDateRepresentation(new Date(updatedAtUnix))
+  }
 
-export const getCreatedDate = (createdAt: string) => {
-  return getDateRepresentation(createdAt)
+  return Number.isNaN(createdAtUnix)
+    ? ''
+    : getDateRepresentation(new Date(createdAtUnix))
 }
 
 export const compareDate = (date1: Date, date2: Date, inverse = false) => {

tests/unit/lib/basic/date.spec.ts

@@ -4,11 +4,9 @@ import {
   getFullDayString,
   getFullDayWithTimeString,
   getISOFullDayString,
-  getDateRepresentationWithoutSameDate,
   getDisplayDate,
   compareDate,
   compareDateString,
-  getCreatedDate,
   getCurrentTimeString
 } from '/@/lib/basic/date'
 
@@ -69,30 +67,6 @@ describe('getCurrentTimeString', () => {
   })
 })
 
-describe('getDateRepresentationWithoutSameDate', () => {
-  const date = new Date(defaultDate1.getTime())
-
-  it('can get time string', () => {
-    const date2 = new Date(defaultDate1.getTime())
-    date2.setMinutes(date2.getMinutes() + 2)
-    expect(getDateRepresentationWithoutSameDate(date2, date)).toBe('15:23')
-  })
-  it('can get date with time string', () => {
-    const date2 = new Date(defaultDate1.getTime())
-    date2.setDate(date2.getDate() + 2)
-    expect(getDateRepresentationWithoutSameDate(date2, date)).toBe(
-      '12/06 15:21'
-    )
-  })
-  it('can get date with time string and year', () => {
-    const date2 = new Date(defaultDate1.getTime())
-    date2.setFullYear(date2.getFullYear() + 2)
-    expect(getDateRepresentationWithoutSameDate(date2, date)).toBe(
-      '1987/12/04 15:21'
-    )
-  })
-})
-
 describe('getDisplayDate', () => {
   beforeEach(() => {
     vi.useFakeTimers()
@@ -122,15 +96,9 @@ describe('getDisplayDate', () => {
       '2010/05/02 14:28'
     )
   })
-})
-
-describe('getCreatedDate', () => {
-  const today = new Date()
-  today.setHours(1)
-  today.setMinutes(23)
-
-  it('can get', () => {
-    expect(getCreatedDate(today.toISOString())).toBe('今日 01:23')
+  it('with one parameter', () => {
+    vi.setSystemTime('2010-04-01T12:00:00')
+    expect(getDisplayDate(createdDateISO)).toBe('今日 12:34')
   })
 })