[Feat] 대시보드 뷰 1차 기능 QA

apps/client/src/page/dashboard/component/File/FileSection.tsx

@@ -1,6 +1,8 @@
 import { Flex, scrollStyle } from '@tiki/ui';
 import { hasKeyInObject } from '@tiki/utils';
 
+import { useNavigate } from 'react-router-dom';
+
 import { dashboradScrollStyle } from '@/page/dashboard/DashboardPage.style';
 import ItemAdder from '@/page/dashboard/component/ItemAdder/ItemAdder';
 import { DocumentItem, FolderItem } from '@/page/drive/type';
@@ -14,6 +16,7 @@ import { File } from '@/shared/type/file';
 import { extractFileExtension } from '@/shared/util/file';
 
 const FileSection = () => {
+  const navigate = useNavigate();
   const teamId = useInitializeTeamId();
 
   const { data: fileData } = $api.useQuery('get', '/api/v1/teams/{teamId}/drive', {
@@ -30,7 +33,11 @@ const FileSection = () => {
   const allFileData = [...docDataList, ...folderDataList];
 
   return (
-    <Flex css={[{ gap: '1.4rem', padding: '0 0 0.7rem', overflowX: 'scroll' }, scrollStyle, dashboradScrollStyle]}>
+    <Flex
+      css={[{ gap: '1.4rem', padding: '0 0 0.7rem', overflowX: 'scroll' }, scrollStyle, dashboradScrollStyle]}
+      onClick={() => {
+        navigate(PATH.DRIVE);
+      }}>
       {!allFileData[0] && <ItemAdder path={PATH.DRIVE} />}
       {allFileData.map((item) => {
         if (hasKeyInObject(item, 'documentId')) {

apps/client/src/page/dashboard/component/Handover/HandoverSection.tsx

@@ -1,16 +1,17 @@
 import { Flex, Spinner } from '@tiki/ui';
 
+import { useNavigate } from 'react-router-dom';
+
 import { listItemStyle } from '@/page/dashboard/component/Handover/HandoverSection.style';
 import ListItem from '@/page/dashboard/component/Handover/ListItem/ListItem';
 import ItemAdder from '@/page/dashboard/component/ItemAdder/ItemAdder';
 import { useNoteData } from '@/page/handover/hook/api/queries';
 
 import { PATH } from '@/shared/constant/path';
-import { useCurrentDate } from '@/shared/hook/common/useCurrentDate';
 
 const HandoverSection = () => {
-  const createdAt = useCurrentDate();
-  const { data, isPending } = useNoteData(createdAt);
+  const navigate = useNavigate();
+  const { data, isPending } = useNoteData('');
 
   return (
     <Flex styles={{ direction: 'column', gap: '0.8rem', align: 'center' }} css={listItemStyle}>
@@ -20,7 +21,17 @@ const HandoverSection = () => {
         <Spinner size={30} />
       ) : (
         data?.data?.noteGetResponseList.map((note) => {
-          return <ListItem key={note.noteId} noteId={note.noteId} title={note.title} date={note.startDate} />;
+          return (
+            <ListItem
+              key={note.noteId}
+              noteId={note.noteId}
+              title={note.title}
+              date={note.startDate}
+              onClick={() => {
+                navigate(`${PATH.HANDOVER}/${note.noteId}`);
+              }}
+            />
+          );
         })
       )}
     </Flex>