Merge pull request buerokratt#733 from baha-a/fix-new-findings-3

Fixes and enhancements in the header part

Author: KlviG

GUI/package.json

@@ -11,7 +11,7 @@
     "prettier": "prettier --write \"{,!(node_modules)/**/}*.{ts,tsx,js,json,css,less,scss}\""
   },
   "dependencies": {
-    "@buerokratt-ria/header": "^0.1.6",
+    "@buerokratt-ria/header": "^0.1.9",
     "@buerokratt-ria/menu": "^0.1.16",
     "@buerokratt-ria/styles": "^0.0.1",
     "@fontsource/roboto": "^4.5.8",

GUI/src/components/Chat/index.tsx

@@ -18,7 +18,7 @@ import { AUTHOR_ROLES, MESSAGE_FILE_SIZE_LIMIT, ROLES } from 'utils/constants';
 import { AxiosError } from 'axios';
 import { useToast } from 'hooks/useToast';
 import useStore from 'store';
-import useHeaderStore from '@buerokratt-ria/header/src/header/store/store';
+import { userStore as useHeaderStore } from '@buerokratt-ria/header';
 import sse from '../../services/sse-service';
 import { useNavigate } from 'react-router-dom';
 import PreviewMessage from './PreviewMessage';
@@ -76,24 +76,9 @@ const Chat: FC<ChatProps> = ({
   const [previewTypingMessage, setPreviewTypingMessage] = useState<Message>();
 
   useEffect(() => {
-    getCsaStatus();
     getMessages();
   }, []);
 
-  const getCsaStatus = async () => {
-    const { data: res } = await apiDev.post(
-      'accounts/customer-support-activity-by-id',
-      {
-        customerSupportId: userInfo?.idCode ?? '',
-      }
-    );
-    useHeaderStore
-      .getState()
-      .setChatCsaActive(
-        res.response.status === 'online' || res.response.status === 'idle'
-      );
-  };
-
   useEffect(() => {
     const onMessage = async (res: any) => {
       if (res === 'preview') {

GUI/src/hooks/useAudio.tsx

@@ -9,11 +9,6 @@ export const useAudio = (audiosrc: string) => {
   useEffect(() => {
     const howl = new Howl({
       src: audiosrc,
-      onloaderror: (soundId, error) => console.error(soundId, error),
-      onplayerror: (soundId, error) => {
-        console.error(soundId, error);
-        howl.once('unlock', () => howl.play());
-      },
     });
 
     setAudio(howl);

GUI/src/pages/Chat/ChatActive/index.tsx

@@ -5,7 +5,7 @@ import { useQuery } from '@tanstack/react-query';
 import { Chat, Dialog, Button, FormRadios, Track } from 'components';
 import { Chat as ChatType, CHAT_EVENTS, CHAT_STATUS } from 'types/chat';
 import useStore from 'store';
-import useHeaderStore from '@buerokratt-ria/header/src/header/store/store';
+import { userStore as useHeaderStore } from '@buerokratt-ria/header';
 import { User } from 'types/user';
 import { useToast } from 'hooks/useToast';
 import apiDev from 'services/api-dev';

GUI/src/pages/Chat/ChatPending/index.tsx

@@ -15,7 +15,7 @@ import ForwardToEstablishmentModal from '../ForwardToEstablishmentModal';
 import sse from 'services/sse-service';
 import { v4 as uuidv4 } from 'uuid';
 import './ChatPending.scss';
-import useHeaderStore from '@buerokratt-ria/header/src/header/store/store';
+import { userStore as useHeaderStore } from '@buerokratt-ria/header';
 import useStore from 'store';
 import withAuthorization from 'hoc/with-authorization';
 import { ROLES } from 'utils/constants';

GUI/src/pages/Chat/ChatUnanswered/index.tsx

@@ -5,7 +5,7 @@ import { useQuery } from '@tanstack/react-query';
 
 import { Chat, Dialog, Button, FormRadios } from 'components';
 import { CHAT_EVENTS, CHAT_STATUS, Chat as ChatType } from 'types/chat';
-import useHeaderStore from '@buerokratt-ria/header/src/header/store/store';
+import { userStore as useHeaderStore } from '@buerokratt-ria/header';
 import useStore from 'store';
 import { User } from 'types/user';
 import { useToast } from 'hooks/useToast';

GUI/translations/en/common.json

@@ -13,6 +13,7 @@
     "search": "Search",
     "notification": "Notification",
     "notificationError": "Error",
+    "notificationErrorMsg": "An error occurred",
     "active": "Active",
     "activate": "Activate",
     "deactivate": "Deactivate",

GUI/translations/et/common.json

@@ -13,6 +13,7 @@
     "search": "Otsi",
     "notification": "Teade",
     "notificationError": "Veateade",
+    "notificationErrorMsg": "Midagi läks valesti",
     "active": "Aktiivne",
     "activate": "Aktiveeri",
     "deactivate": "Deaktiveeri",