[#149] fixed regressions (#150)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

public/index.html

@@ -30,7 +30,7 @@
       href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&family=Cal+Sans&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
       rel="stylesheet"
     />
-    <title>React App</title>
+    <title>Twake Calendar</title>
     <script src="<%= assetPrefix %>/.env.js"></script>
     <script src="<%= assetPrefix %>/appList.js"></script>
   </head>

public/manifest.json

@@ -8,12 +8,12 @@
       "type": "image/x-icon"
     },
     {
-      "src": "calendar-192.png",
+      "src": "calendar.svg",
       "sizes": "192x192",
       "type": "image/svg+xml"
     },
     {
-      "src": "calendar-512.png",
+      "src": "calendar.svg",
       "sizes": "512x512",
       "type": "image/svg+xml"
     }

src/components/Calendar/CalendarLayout.tsx

@@ -26,22 +26,20 @@ export default function CalendarLayout() {
 
     // Get current calendar range
     if (calendarRef.current) {
-      const view = calendarRef.current.getApi().view;
+      const view = calendarRef.current.view;
       const calendarRange = getCalendarRange(view.activeStart);
 
       // Refresh events for selected calendars
       Object.keys(selectedCalendars).forEach((id) => {
-        if (id.split("/")[0] === userId) {
+        dispatch(
-          dispatch(
+          getCalendarDetailAsync({
-            getCalendarDetailAsync({
+            calId: id,
-              calId: id,
+            match: {
-              match: {
+              start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
-                start: formatDateToYYYYMMDDTHHMMSS(calendarRange.start),
+              end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
-                end: formatDateToYYYYMMDDTHHMMSS(calendarRange.end),
+            },
-              },
+          })
-            })
+        );
-          );
-        }
       });
     }
   };

src/components/Menubar/Menubar.tsx

@@ -135,6 +135,11 @@ export function Menubar({
           </div>
         </div>
         <div className="right-menu">
+          <div className="menu-items">
+            <IconButton onClick={onRefresh}>
+              <RefreshIcon />
+            </IconButton>
+          </div>
           <div className="menu-items">
             <FormControl size="small" sx={{ minWidth: 120, mr: 2 }}>
               <Select