fix(ui): notification badge & browser notifications (#6437)

This commit is contained in:
Chirag Madlani 2022-07-30 22:17:38 +05:30 committed by GitHub
parent dac17af9ca
commit c76f96571d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 4 deletions

View File

@ -22,6 +22,10 @@ jest.mock('./router/AppRouter', () => {
return jest.fn().mockReturnValue(<p>AppRouter</p>);
});
jest.mock('./components/app-bar/Appbar', () => {
return jest.fn().mockReturnValue(<p>AppBar</p>);
});
jest.mock('./authentication/auth-provider/AuthProvider', () => {
return {
AuthProvider: jest

View File

@ -29,6 +29,7 @@ import { BrowserRouter as Router } from 'react-router-dom';
import { ToastContainer } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.min.css';
import { AuthProvider } from './authentication/auth-provider/AuthProvider';
import Appbar from './components/app-bar/Appbar';
import GlobalSearchProvider from './components/GlobalSearchProvider/GlobalSearchProvider';
import WebSocketProvider from './components/web-scoket/web-scoket.provider';
import { toastOptions } from './constants/toast.constants';
@ -57,6 +58,7 @@ const App: FunctionComponent = () => {
<AuthProvider childComponentType={AppRouter}>
<WebSocketProvider>
<GlobalSearchProvider>
<Appbar />
<AppRouter />
</GlobalSearchProvider>
</WebSocketProvider>

View File

@ -24,7 +24,6 @@ import React, {
import { Callback, makeAuthenticator, makeUserManager } from 'react-oidc';
import { Redirect, Route, Switch } from 'react-router-dom';
import AppState from '../../AppState';
import Appbar from '../../components/app-bar/Appbar';
import Loader from '../../components/Loader/Loader';
import { oidcTokenKey, ROUTES } from '../../constants/constants';
import SigninPage from '../../pages/login';
@ -113,7 +112,6 @@ const OidcAuthenticator = forwardRef<AuthenticatorRef, Props>(
return !loading ? (
<>
<Appbar />
<Switch>
<Route exact path={ROUTES.HOME}>
{!isAuthDisabled && !isAuthenticated && !isSigningIn ? (

View File

@ -289,6 +289,7 @@ const NavBar = ({
<Space size={24}>
<button className="focus:tw-no-underline hover:tw-underline tw-flex-shrink-0 ">
<Dropdown
destroyPopupOnHide
overlay={
<NotificationBox
hasMentionNotification={hasMentionNotification}

View File

@ -17,7 +17,6 @@ import React, { useEffect, useState } from 'react';
import { Redirect, Route, Switch } from 'react-router-dom';
import { useAuthContext } from '../authentication/auth-provider/AuthProvider';
import { fetchSlackConfig } from '../axiosAPIs/miscAPI';
import Appbar from '../components/app-bar/Appbar';
import Loader from '../components/Loader/Loader';
import SlackChat from '../components/SlackChat/SlackChat';
import { ROUTES } from '../constants/constants';
@ -95,7 +94,6 @@ const AppRouter = () => {
</>
) : (
<>
<Appbar />
{slackChat}
<Switch>
<Route exact path={ROUTES.HOME}>