CFE-4 Merging from develop

src/core/components/DialogTransition.jsx

@@ -0,0 +1,6 @@
+import {forwardRef} from "react";
+import {Slide} from "@mui/material";
+
+export const DialogTransition = forwardRef(function DialogTransition(props, ref) {
+    return <Slide direction="up" ref={ref} {...props}/>;
+});

src/core/components/NetworkComponent.jsx

@@ -6,13 +6,13 @@ import WifiOffIcon from '@mui/icons-material/WifiOff';
 import {useTranslations} from "next-intl";
 
 const NetworkComponent = () => {
-    const toastId = useRef(null);
+    const networkToastId = useRef(null);
     const network = useNetwork()
     const t = useTranslations()
 
     useEffect(() => {
         if (network.online) {
-            toast.update(toastId.current, {
+            toast.update(networkToastId.current, {
                 type: toast.TYPE.SUCCESS,
                 render: t('online_message'),
                 autoClose: 2000,
@@ -22,8 +22,7 @@ const NetworkComponent = () => {
             });
             return
         }
-        toast.dismiss()
-        toastId.current = toast.warn(t('offline_message'), {
+        networkToastId.current = toast.warn(t('offline_message'), {
             autoClose: false, closeButton: false, closeOnClick: false, icon: <WifiOffIcon/>
         })
     }, [network.online]);

src/core/components/StyledFab.jsx

@@ -0,0 +1,10 @@
+import {Fab, styled} from "@mui/material";
+
+const StyledFab = styled(Fab)`
+    position: absolute;
+    bottom: 16px;
+    /* @noflip */
+    left: 16px;
+`;
+
+export default StyledFab;

src/core/components/notifications/ErrorNotification.jsx

@@ -36,4 +36,4 @@ const ErrorNotification = (t, status, message) => {
     );
 };
 
-export default ErrorNotification;
+export default ErrorNotification;

src/core/components/notifications/PendingNotification.jsx

@@ -9,4 +9,4 @@ const PendingNotification = (t) => {
     });
 };
 
-export default PendingNotification;
+export default PendingNotification;

src/core/components/notifications/SuccessNotification.jsx

@@ -39,4 +39,4 @@ const SuccessNotification = (t, status) => {
     );
 };
 
-export default SuccessNotification;
+export default SuccessNotification;

src/core/components/notifications/UploadFileNotification.jsx

@@ -35,4 +35,4 @@ const UploadFileNotification = (t) => {
     );
 };
 
-export default UploadFileNotification;
+export default UploadFileNotification;

src/core/components/notifications/WarningNotification.jsx

@@ -37,4 +37,4 @@ const WarningNotification = (t, status) => {
     );
 };
 
-export default WarningNotification;
+export default WarningNotification;