refactor: improve chat room display using updated Party object structure

soy0ka · Aug 5, 2024 · 35e6904 · 35e6904
1 parent c29cb09
commit 35e6904
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/app/tabs/chat/_layout.tsx b/app/tabs/chat/_layout.tsx
@@ -3,7 +3,6 @@ import { Stack } from 'expo-router'
 import React from 'react'
 
 export default function Layout() {
-  // headerright 에 설정 버튼 추가
   return (
     <Stack>
       <Stack.Screen

diff --git a/app/tabs/chat/index.tsx b/app/tabs/chat/index.tsx
@@ -1,4 +1,6 @@
+import { ChatRoom } from '@/types/chatrooms'
 import { fetcher } from '@/utils/apiClient'
+import { formatDateToKorean } from '@/utils/dateFormatter'
 import { Profile } from '@/utils/gravatar'
 import {
   Avatar,
@@ -15,7 +17,6 @@ import {
 } from '@gluestack-ui/themed'
 import { router, useNavigation } from 'expo-router'
 import React from 'react'
-import { ChatRoom } from '../../../types/chatrooms'
 
 export default function ChatRooms() {
   const [chatRooms, setChatRooms] = React.useState<ChatRoom[]>([])
@@ -35,13 +36,6 @@ export default function ChatRooms() {
     setChatRooms(res.data)
   }
 
-  const formatTime = (date: string) => {
-    const d = new Date(date)
-    return `${d.getFullYear()}년 ${
-      d.getMonth() + 1
-    }월 ${d.getDate()}일 ${d.getHours()}:${d.getMinutes()}`
-  }
-
   return (
     <SafeAreaView>
       <ScrollView style={{ padding: 20 }} mt={10}>
@@ -69,7 +63,9 @@ export default function ChatRooms() {
                     </Text>
                   </VStack>
                 </HStack>
-                <Text size="sm">{formatTime(room.Party[0].departure)}</Text>
+                <Text size="sm">
+                  {formatDateToKorean(room.Party[0].departure)} 출발
+                </Text>
               </Card>
             </Pressable>
           ))