Cast party members to guests for expandable row

2 files changed, 9 insertions, 30 deletions

diff --git a/client/src/components/Dashboard.tsx b/client/src/components/Dashboard.tsx
index 42a4224..985e48a 100644
--- a/client/src/components/Dashboard.tsx
+++ b/client/src/components/Dashboard.tsx
@@ -48,30 +48,14 @@ function Dashboard() {
     columns,
     data: guests,
     muiPaginationProps: {
-      color: 'primary',
       shape: 'rounded',
       showRowsPerPage: false,
       variant: 'outlined',
     },
     paginationDisplayMode: 'pages',
-    renderDetailPanel: ({ row }) =>
-      row.original.partySize > 1
-        ? row.original.partyList.map((guest, index) => {
-            return (
-              <div
-                key={index}
-                style={{
-                  width: '34%',
-                  display: 'flex',
-                  justifyContent: 'space-around',
-                }}
-              >
-                <p>{guest.firstName}</p>
-                <p>{guest.lastName}</p>
-              </div>
-            );
-          })
-        : null,
+    enableExpanding: true,
+    filterFromLeafRows: true,
+    getSubRows: (row) => row.partyList as Guest[],
   });
 
   return (
diff --git a/client/src/models.ts b/client/src/models.ts
index 97dce1f..2580d90 100644
--- a/client/src/models.ts
+++ b/client/src/models.ts
@@ -1,17 +1,12 @@
 export interface Guest {
-  id: number;
-  firstName: string;
-  lastName: string;
-  attendance: string;
-  email: string;
-  message: string;
-  partySize: number;
-  partyList: Array<PartyGuest>;
-}
-
-export interface PartyGuest {
+  id?: number;
   firstName: string;
   lastName: string;
+  attendance?: string;
+  email?: string;
+  message?: string;
+  partySize?: number;
+  partyList?: Array<Guest>;
 }
 
 export interface GuestLoginRequest {