From ef95461d54c569ec6c7390537965e794e1d0ad65 Mon Sep 17 00:00:00 2001
From: Juan Carlos Farah <juancarlos.farah@epfl.ch>
Date: Thu, 4 Apr 2024 15:15:53 +0200
Subject: [PATCH] feat: make height full viewport

---
 src/modules/main/PlayerView.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/modules/main/PlayerView.tsx b/src/modules/main/PlayerView.tsx
index 724eac9..5bcc98f 100644
--- a/src/modules/main/PlayerView.tsx
+++ b/src/modules/main/PlayerView.tsx
@@ -1,6 +1,8 @@
-// import { Box, Typography } from '@mui/material';
+// import { Typography } from '@mui/material';
 // import { useLocalContext } from '@graasp/apps-query-client';
 // import { hooks } from '@/config/queryClient';
+import { Box } from '@mui/material';
+
 import { PLAYER_VIEW_CY } from '@/config/selectors';
 import ParticipantInteraction from '@/modules/interaction/ParticipantInteraction';
 
@@ -9,13 +11,13 @@ const PlayerView = (): JSX.Element => (
   // const { data: appContext } = hooks.useAppContext();
   // const members = appContext?.members;
 
-  <div data-cy={PLAYER_VIEW_CY}>
+  <Box data-cy={PLAYER_VIEW_CY} sx={{ height: '100vh' }}>
     {/* Player as {permission} */}
     {/* <Box p={2}> */}
     {/*   <Typography>Members</Typography> */}
     {/*   <pre>{JSON.stringify(members, null, 2)}</pre> */}
     {/* </Box> */}
     <ParticipantInteraction />
-  </div>
+  </Box>
 );
 export default PlayerView;