refactor: 유저 데이터에 담겨있는 lastUploadedAt을 이용해 헤더 표시

go-cham · Aug 21, 2023 · df48ad7 · df48ad7
1 parent ab1c2b2
commit df48ad7
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/src/features/user/queries/dto/get-user.ts b/src/features/user/queries/dto/get-user.ts
@@ -19,4 +19,14 @@ export interface GetUserResponse {
   residence: Residence;
   job: string;
   role: string;
+  worries: {
+    expirationTime: string;
+    id: number;
+    status: string;
+    createdAt: string;
+    updatedAt: string | null;
+    etc: null;
+    title: string;
+    content: string;
+  }[];
 }
diff --git a/src/features/user/queries/useUser.tsx b/src/features/user/queries/useUser.tsx
@@ -1,4 +1,4 @@
-import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 import { useEffect, useMemo } from 'react';
 import { axiosPrivate } from '@/common/libs/axios';
 import { User } from '@/features/user/types';
@@ -45,6 +45,8 @@ export function useUser() {
               label: category.worryCategory.label,
             })),
             image: data.profileImageUrl,
+            lastUploadedAt:
+              data.worries?.length > 0 ? data.worries[0].createdAt : null,
           }
         : null,
     [data, isError],

diff --git a/src/features/user/types.ts b/src/features/user/types.ts
@@ -13,6 +13,7 @@ export interface User {
   worryCategories: OptionType[] | null;
   image: string | null;
   joinStatus: string;
+  lastUploadedAt: string | null;
 }
 
 export type UserInformation = {

diff --git a/src/pages/home/components/HomeHeader/HomeHeader.tsx b/src/pages/home/components/HomeHeader/HomeHeader.tsx
@@ -1,7 +1,5 @@
-import { POST_TYPE } from '@/common/constants/post-type';
 import { ONE_DAY_IN_MILLISECOND } from '@/common/constants/time';
 import { Z_INDEX } from '@/common/constants/z-index';
-import { useGetPosts } from '@/features/posts/queries';
 import { useUser } from '@/features/user/queries';
 import HeaderLogo from './HeaderLogo';
 
@@ -11,18 +9,16 @@ interface HomeHeaderProps {
 
 export default function HomeHeader({ onClickLogo }: HomeHeaderProps) {
   const { user, isLoggedIn } = useUser();
-  const { posts } = useGetPosts({
-    userId: user?.id,
-    type: POST_TYPE.MY,
-  });
 
   const hasUploadedIn24 = () => {
-    if (!isLoggedIn || !posts || posts.length === 0) {
+    if (!isLoggedIn || !user?.lastUploadedAt) {
       return false;
     }
-    const latestUploadedAt = new Date(posts[0].createdAt).getTime();
+    const lastUploadedAt = new Date(
+      user.lastUploadedAt.replace('Z', ''),
+    ).getTime();
     const now = new Date().getTime();
-    return now - latestUploadedAt < ONE_DAY_IN_MILLISECOND;
+    return now - lastUploadedAt < ONE_DAY_IN_MILLISECOND;
   };
 
   const uploadedIn24 = hasUploadedIn24();