tycho-components 0.23.4 → 0.23.6

package/dist/features/Comments/HeaderNotifications/HeaderNotifications.d.ts

@@ -4,5 +4,5 @@ type Props = {
     mode: 'lexicon' | 'corpus' | 'parser';
     mobile?: boolean;
 };
-export default function HeaderNotifications({ uid, mode, mobile }: Props): import("react/jsx-runtime").JSX.Element;
+export default function HeaderNotifications({ uid, mode, mobile }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/features/Comments/HeaderNotifications/HeaderNotifications.js

@@ -1,15 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
 import { Avatar, IconButton } from 'tycho-storybook';
 import DateUtils from '../../../functions/DateUtils';
 import CommentService from '../CommentService';
 import './style.scss';
 export default function HeaderNotifications({ uid, mode, mobile }) {
-    const navigate = useNavigate();
     const { t } = useTranslation('comments');
     const [open, setOpen] = useState(false);
+    const [visible, setVisible] = useState(true);
     const [notifications, setNotifications] = useState();
     const [comments, setComments] = useState();
     const [tab, setTab] = useState('unread');
@@ -23,16 +22,22 @@ export default function HeaderNotifications({ uid, mode, mobile }) {
         const serviceMethod = tab === 'read'
             ? CommentService.findReadNotifications
             : CommentService.findNotifications;
-        serviceMethod(uid, mode).then((r) => {
+        serviceMethod(uid, mode)
+            .then((r) => {
             if (tab !== 'read') {
                 setComments(r.data);
             }
             setNotifications(r.data);
+        })
+            .catch(() => {
+            setVisible(false);
         });
     };
     useEffect(() => {
         load();
     }, [uid, tab]);
+    if (!visible)
+        return null;
     return (_jsxs("div", { className: "ds-dropdown-container notifications-container", children: [_jsx(IconButton, { name: "notifications_active", className: comments && comments.length > 0 ? 'shake' : '', size: "medium", onClick: () => setOpen(!open), mode: mobile ? 'outlined' : 'filled' }), open && (_jsx("div", { className: "ds-dropdown-list", children: _jsxs("div", { className: "notifications-panel", children: [_jsxs("div", { className: "header", children: [_jsx("span", { children: t('notification.title') }), _jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: () => setOpen(false) })] }), _jsxs("div", { className: "tabs", children: [_jsxs("button", { className: tab === 'unread' ? 'active-tab' : '', onClick: () => setTab('unread'), children: [t('notification.unread'), " (", comments?.length || 0, ")"] }), _jsx("button", { className: tab === 'read' ? 'active-tab' : '', onClick: () => setTab('read'), children: t('notification.all') })] }), _jsxs("div", { className: "content", children: [notifications &&
                                     notifications.map((not, idx) => (_jsxs("div", { className: "item", onClick: () => handleOpen(not), children: [_jsx(Avatar, { src: not.picture, size: "small" }), _jsxs("div", { className: "message", children: [_jsx("span", { className: "text", children: _jsx(Trans, { t: t, i18nKey: "notification.text", values: {
                                                                 user: not.name,

package/dist/features/DocumentDrawer/Inconsistency/InconsistencyActions.d.ts

@@ -3,5 +3,5 @@ import './style.scss';
 type Props = {
     document: Document;
 };
-export default function InconsistencyActions({ document }: Props): import("react/jsx-runtime").JSX.Element;
+export default function InconsistencyActions({ document }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/features/DocumentDrawer/Inconsistency/InconsistencyActions.js

@@ -11,6 +11,7 @@ export default function InconsistencyActions({ document }) {
     const { getCorpus, hasParameter } = useCorpusUtils();
     const [openInconsistency, setOpenInconsistency] = useState(false);
     const [loading, setLoading] = useState(true);
+    const [loadFailed, setLoadFailed] = useState(false);
     const [inconsistentData, setInconsistentData] = useState();
     const hasInconsistencies = (data) => {
         return Object.keys(data).some((d) => {
@@ -21,6 +22,7 @@ export default function InconsistencyActions({ document }) {
     };
     const checkInconsistency = () => {
         setLoading(true);
+        setLoadFailed(false);
         if (hasParameter(getCorpus(), 'useEditionTiers')) {
             InconsistencyService.verifyForDocument(document.uid)
                 .then((r) => {
@@ -30,6 +32,10 @@ export default function InconsistencyActions({ document }) {
                 else {
                     setInconsistentData(undefined);
                 }
+            })
+                .catch(() => {
+                setLoadFailed(true);
+                setInconsistentData(undefined);
             })
                 .finally(() => {
                 setLoading(false);
@@ -64,5 +70,8 @@ export default function InconsistencyActions({ document }) {
             title: t('label.consistent'),
         };
     }, [loading, inconsistentData, t]);
+    if (loadFailed) {
+        return null;
+    }
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "action-line", onClick: actionOption.onClick, role: actionOption.onClick ? 'button' : undefined, children: [_jsx("div", { className: "action-button", children: _jsx(Icon, { name: actionOption.iconName, size: "medium", className: actionOption.iconClassName }) }), _jsxs("div", { className: "action-desc", children: [_jsx("span", { className: "title", children: actionOption.title }), actionOption.description && _jsx("span", { children: actionOption.description })] })] }), openInconsistency && inconsistentData && (_jsx(Inconsistency, { data: inconsistentData, onClose: () => setOpenInconsistency(false) }))] }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.23.4",
+  "version": "0.23.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {