From e65c7233f307b87a10d1d43f117a5dfafdff6179 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Thu, 15 Sep 2022 19:03:40 -0300
Subject: [PATCH] Fix issue with screen heights too small

---
 src/app/AuthenticatedApp.js  |  2 +-
 src/screens/Profile/View.js  | 14 ++++++--------
 src/screens/Profile/index.js |  2 ++
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/AuthenticatedApp.js b/src/app/AuthenticatedApp.js
index 0f30e7d..54b24b8 100644
--- a/src/app/AuthenticatedApp.js
+++ b/src/app/AuthenticatedApp.js
@@ -65,7 +65,7 @@ function AuthenticatedApp() {
 }
 
 const container = {
-  height: '100vh',
+  height: 'auto',
   margin: 0,
   padding: 0,
   display: 'flex',
diff --git a/src/screens/Profile/View.js b/src/screens/Profile/View.js
index 4f55bba..01be7bb 100644
--- a/src/screens/Profile/View.js
+++ b/src/screens/Profile/View.js
@@ -29,27 +29,25 @@ function View({ data, onChangeInput }) {
           display: 'flex',
           alignItems: 'center',
           width: '100%',
-          // TODO: Check issue with screen heights too small
           height: '400px',
-          padding: '30px',
         }}
       >
         <Avatar
           alt={fullName}
           src={data.avatar}
-          sx={{ width: 250, height: 250 }}
+          sx={{ width: 200, height: 200 }}
         />
         <Stack sx={{ marginLeft: '30px' }}>
-          <Typography sx={{ fontWeight: 'bold' }} variant="h3">
+          <Typography sx={{ fontWeight: 'bold' }} variant="h4">
             {fullName}
           </Typography>
-          <Typography sx={{ fontSize: '20px' }} variant="body1">
+          <Typography sx={{ fontSize: '15px' }} variant="body1">
             Estudante de {COURSES.filter(c => c.value === data.course)[0].name}
           </Typography>
-          <Typography sx={{ fontSize: '20px' }} variant="body1">
+          <Typography sx={{ fontSize: '15px' }} variant="body1">
             Turma de {data.year}
           </Typography>
-          <Typography sx={{ fontSize: '20px' }} variant="body1">
+          <Typography sx={{ fontSize: '15px' }} variant="body1">
             <strong>RA: </strong> {data.ra}
           </Typography>
         </Stack>
@@ -170,7 +168,7 @@ function View({ data, onChangeInput }) {
             variant="standard"
             type="text"
             value={data.ra}
-            placeholder="00#####"
+            placeholder="#######"
             disabled
             sx={{ width: '45%', cursor: 'no-drop' }}
             InputProps={{
diff --git a/src/screens/Profile/index.js b/src/screens/Profile/index.js
index e6a7bb3..4ac61a1 100644
--- a/src/screens/Profile/index.js
+++ b/src/screens/Profile/index.js
@@ -1,8 +1,10 @@
 import { useState } from 'react';
 import { useUser } from '../../context/user';
+import { useDocumentTitle } from '../../hooks/useDocumentTitle';
 import View from './View';
 
 function Profile() {
+  useDocumentTitle('Meu perfil');
   const { state } = useUser();
   const [data, setData] = useState(state && state.user);