Perf +

frontend/src/components/university/UniversityTemplate.js

@@ -25,8 +25,12 @@ import ScholarshipsTab from './tabs/ScholarshipsTab';
 import MoreTab from './tabs/MoreTab';
 
 function TabContainer(props) {
+  let style = { padding: 8 * 3 };
+  if (!props.display) {
+    style = { display: 'none' }
+  }
   return (
-    <Typography component="div" style={{ padding: 8 * 3 }}>
+    <Typography component="div" style={style}>
       {props.children}
     </Typography>
   );
@@ -87,7 +91,7 @@ class UniversityTemplate extends React.Component {
               <Tab label="Autres" icon={<MoreHorizIcon />} />
             </Tabs>
           </AppBar>
-          {value === 0 && <TabContainer> <GeneralInfoTab univId={univId} /> </TabContainer>}
+          <TabContainer display={value === 0}> <GeneralInfoTab univId={univId} visible={value === 0}/> </TabContainer>
           {/* {value === 1 && <TabContainer> <UniversityMoreTab univId={univId} /> </TabContainer>} */}
           {/* {value === 2 && <TabContainer> <PreviousDeparturesTab univId={univId} /> </TabContainer>} */}
           {/* {value === 3 && <TabContainer> <ScholarshipsTab univId={univId} /> </TabContainer>} */}