Merge branch '289-add-support-for-matomo' into 'development'

Resolve "add support for matomo"

Closes #289

See merge request !264

src/shared/Toast/Toast.component.tsx

@@ -16,7 +16,7 @@ export const Toast = ({ type, message, onDismiss }: ToastArgs): React.ReactNode
   >
     <p
       className={twMerge(
-        'text-base font-bold ',
+        'h-full overflow-y-auto text-base font-bold',
         type === 'error' ? 'text-red-500' : 'text-green-500',
       )}
     >

src/types/modal.ts

@@ -10,4 +10,5 @@ export type ModalName =
   | 'error-report'
   | 'access-denied'
   | 'select-project'
+  | 'terms-of-service'
   | 'logged-in-menu';

src/utils/getErrorMessage/getErrorMessage.constants.ts

@@ -2,6 +2,7 @@ export const UNKNOWN_ERROR = 'An unknown error occurred. Please try again later.
 export const UNKNOWN_AXIOS_ERROR_CODE = 'UNKNOWN_AXIOS_ERROR';
 export const NOT_FOUND_AXIOS_ERROR_CODE = '404';
 export const GENERIC_AXIOS_ERROR_CODE = 'ERR_BAD_REQUEST';
+export const AXIOS_ERROR_NETWORK = 'ERR_NETWORK';
 
 export const HTTP_ERROR_MESSAGES = {
   400: "The server couldn't understand your request. Please check your input and try again.",

src/utils/showToast.tsx

 import { toast } from 'sonner';
 import { Toast } from '@/shared/Toast';
 
+const DEFAULT_DURATION_MS = 5000;
+
 type ShowToastArgs = {
   type: 'success' | 'error';
   message: string;
+  duration?: number;
 };
 
 export const showToast = (args: ShowToastArgs): void => {
-  toast.custom(t => (
-    <Toast message={args.message} onDismiss={() => toast.dismiss(t)} type={args.type} />
-  ));
+  toast.custom(
+    t => <Toast message={args.message} onDismiss={() => toast.dismiss(t)} type={args.type} />,
+    { duration: args.duration ? args.duration : DEFAULT_DURATION_MS },
+  );
 };