fix: Grades display when periods are empty

manifest.webapp

@@ -1,7 +1,7 @@
 {
   "name": "Papillon",
   "slug": "papillon",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "type": "webapp",
   "icon": "icon.svg",
   "categories": ["others"],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-papillon-app",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "engines": {
     "node": "~16 || ~20"
   },
@@ -65,7 +65,7 @@
     "cozy-intent": "^2.27.0",
     "cozy-logger": "^1.14.0",
     "cozy-minilog": "^3.7.0",
-    "cozy-ui": "^113.0.0",
+    "cozy-ui": "^130.3.1",
     "date-fns": "2.29.3",
     "lodash": "4.17.21",
     "react": "18.3.1",

src/components/AppLayout.jsx

@@ -81,32 +81,34 @@
     )
   }
 
+  const mt = (isMobile ? '.short' : '');
+
   return (
     <Layout>
       <Sidebar style={isMobile ? { overflow: 'hidden' } : {}}>
         <Nav>
           <NavItem>
             <NavLink {...makeProps(['timetable'])}>
               <NavIcon icon={CalendarIcon} />
-              <NavText>{t('Sidebar.timetable')}</NavText>
+              <NavText>{t('Sidebar.timetable'+mt)}</NavText>
             </NavLink>
           </NavItem>
           <NavItem>
             <NavLink {...makeProps(['homeworks'])}>
               <NavIcon icon={CheckboxIcon} />
-              <NavText>{t('Sidebar.homeworks')}</NavText>
+              <NavText>{t('Sidebar.homeworks'+mt)}</NavText>
             </NavLink>
           </NavItem>
           <NavItem>
             <NavLink {...makeProps(['grades'])}>
               <NavIcon icon={PieChartIcon} />
-              <NavText>{t('Sidebar.grades')}</NavText>
+              <NavText>{t('Sidebar.grades'+mt)}</NavText>
             </NavLink>
           </NavItem>
           <NavItem>
             <NavLink {...makeProps(['presence'])}>
               <NavIcon icon={WalkIcon} />
-              <NavText>{t('Sidebar.presence')}</NavText>
+              <NavText>{t('Sidebar.presence'+mt)}</NavText>
             </NavLink>
           </NavItem>
           <NavItem>
@@ -115,7 +117,7 @@
               target={isFlagshipApp() ? '_self' : '_blank'}
             >
               <NavIcon icon={FolderIcon} />
-              <NavText>{t('Sidebar.documents')}</NavText>
+              <NavText>{t('Sidebar.documents'+mt)}</NavText>
               {!isMobile && (
                 <Icon
                   icon={OpenappIcon}
@@ -137,7 +139,9 @@
               <Typography variant="h5">{client.appMetadata.slug}</Typography>
             </BarCenter>
           )}
-          <Outlet />
+          <div>
+            <Outlet />
+          </div>
         </Content>
       </Main>
       <Alerter t={t} />

src/components/Atoms/AccountSwitcher.jsx

@@ -24,11 +24,16 @@ export const AccountSwitcher = () => {
   const btnRef = useRef(null)
 
   if (!accountsList || accountsList.length < 2) {
-    return null
+    return (
+      <Typography noWrap variant="h4" color="textPrimary">
+        {currentAccount?.contact?.name?.givenName}{' '}
+        {currentAccount?.contact?.name?.familyName}
+      </Typography>
+    )
   }
 
   return (
-    <div>
+    <>
       <DropdownButton ref={btnRef} onClick={() => setAccountMenuShown(true)}>
         <Typography noWrap variant="h4" color="textPrimary">
           {currentAccount?.contact?.name?.givenName}{' '}
@@ -103,6 +108,6 @@ export const AccountSwitcher = () => {
           </ActionsMenuItem>
         ))}
       </ActionsMenuWrapper>
-    </div>
+    </>
   )
 }

src/components/Atoms/Grades/GradeItem.jsx

@@ -43,10 +43,10 @@
         />
         <div className="cozy-grade-chip" style={style.cozyGradeChip}>
           <Typography variant="body2" color="textPrimary">
-            {parseFloat(grade.value.student).toFixed(2)}
+            {isNaN(parseFloat(grade.value.student)) ? 'N/A' : parseFloat(grade.value.student).toFixed(2)}
           </Typography>
           <Typography variant="body2" color="textSecondary">
-            /{parseFloat(grade.value.outOf).toFixed(0)}
+            /{isNaN(parseFloat(grade.value.outOf)) ? 'N/A' : parseFloat(grade.value.outOf).toFixed(0)}
           </Typography>
         </div>
       </ListItem>