Feat/33/mydashboard complete

src/apis/dashboards/queries.ts

@@ -19,8 +19,9 @@ export const useDashboardQuery = (id: Dashboard['id']) => {
 };
 
 export const useDashboardInvitationsQuery = (params: GetDashboardInvitationsRequest) => {
+  const { id, ...rest } = params;
   return useQuery({
-    queryKey: ['invitations', params.id],
+    queryKey: ['invitations', id, rest],
     queryFn: () => getDashboardInvitations(params),
   });
 };

src/app/(after-login)/dashboard/[id]/error.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { Page, PageInner } from '@/components/layout/Page';
+import GoBackLink from '@/components/ui/Link/GoBackLink';
+
+export default function Error() {
+  return (
+    <Page>
+      <PageInner>
+        <div className='mb-8'>
+          <GoBackLink href='/mydashboard' />
+        </div>
+        <h2 className='mb-6 text-xl font-bold'>문제가 생겼습니다.</h2>
+        <div className='text-gray-60'>문제가 생겼습니다. 관리자에게 문의해주세요</div>
+      </PageInner>
+    </Page>
+  );
+}

src/components/dashboard/InviteDashboard.tsx

@@ -38,6 +38,7 @@ const InviteDashboard = forwardRef<ModalHandle>((props, ref) => {
     try {
       await invite({ id: Number(id), email: formData.email });
       alert('초대했습니다.');
+      reset();
       if (ref && 'current' in ref) {
         ref.current?.close();
       }

src/components/dashboard/MyInvitedDashboardList.tsx

@@ -56,7 +56,7 @@ export default function MyInvitedDashboardList() {
           {hasNoSearchResults ? (
             <MyInvitedEmptyCard>검색된 초대가 없습니다.</MyInvitedEmptyCard>
           ) : (
-            <>
+            <div>
               <Table responsive>
                 <TableColGroup className='hidden md:table-column-group'>
                   <TableCol />
@@ -91,8 +91,8 @@ export default function MyInvitedDashboardList() {
               </Table>
 
               {/* 공통 load more 트리거 요소 */}
-              <div ref={ref} className='h-2' />
-            </>
+              <div ref={ref} />
+            </div>
           )}
         </div>
       )}