diff --git a/webapp/src/pages/boardPage.tsx b/webapp/src/pages/boardPage.tsx index c32756709..37cfd6bf6 100644 --- a/webapp/src/pages/boardPage.tsx +++ b/webapp/src/pages/boardPage.tsx @@ -2,7 +2,7 @@ // See LICENSE.txt for license information. import React, {useEffect, useState} from 'react' import {batch} from 'react-redux' -import {FormattedMessage} from 'react-intl' +import {FormattedMessage, useIntl} from 'react-intl' import {generatePath, useHistory, useRouteMatch} from 'react-router-dom' import {useHotkeys} from 'react-hotkeys-hook' @@ -35,6 +35,7 @@ type Props = { const websocketTimeoutForBanner = 5000 const BoardPage = (props: Props) => { + const intl = useIntl() const board = useAppSelector(getCurrentBoard) const activeView = useAppSelector(getCurrentView) const boardViews = useAppSelector(getCurrentBoardViews) @@ -220,6 +221,10 @@ const BoardPage = (props: Props) => { /> } + {props.readonly && board === undefined && +
+ {intl.formatMessage({id: 'BoardPage.syncFailed', defaultMessage: 'Board may be deleted or access revoked.'})} +
} )