Cast party members to guests for expandable row

1 files changed, 3 insertions, 19 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 (