// Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 import React from "react"; import { Dispatch } from "redux"; import { connect } from "react-redux"; import { Badge, MenuItem } from "@material-ui/core"; import { DropdownMenu } from "components/dropdown-menu/dropdown-menu"; import { NotificationIcon } from "components/icon/icon"; import bannerActions from "store/banner/banner-action"; import { BANNER_LOCAL_STORAGE_KEY } from "views-components/baner/banner"; import { RootState } from "store/store"; import { TOOLTIP_LOCAL_STORAGE_KEY } from "store/tooltips/tooltips-middleware"; import { useCallback } from "react"; const mapStateToProps = (state: RootState): NotificationsMenuProps => ({ isOpen: state.banner.isOpen, bannerUUID: state.auth.config.clusterConfig.Workbench.BannerUUID, }); const mapDispatchToProps = (dispatch: Dispatch) => ({ openBanner: () => dispatch(bannerActions.openBanner()), }); type NotificationsMenuProps = { isOpen: boolean; bannerUUID?: string; } type NotificationsMenuComponentProps = NotificationsMenuProps & { openBanner: any; } export const NotificationsMenuComponent = (props: NotificationsMenuComponentProps) => { const { isOpen, openBanner } = props; const bannerResult = localStorage.getItem(BANNER_LOCAL_STORAGE_KEY); const tooltipResult = localStorage.getItem(TOOLTIP_LOCAL_STORAGE_KEY); const menuItems: any[] = []; if (!isOpen && bannerResult) { menuItems.push(Restore Banner); } const toggleTooltips = useCallback(() => { if (tooltipResult) { localStorage.removeItem(TOOLTIP_LOCAL_STORAGE_KEY); } else { localStorage.setItem(TOOLTIP_LOCAL_STORAGE_KEY, 'true'); } window.location.reload(); }, [tooltipResult]); if (tooltipResult) { menuItems.push(Enable tooltips); } else { menuItems.push(Disable tooltips); } if (menuItems.length === 0) { menuItems.push(You are up to date); } return ( } id="account-menu" title="Notifications"> { menuItems.map((item, i) =>
{item}
) }
); } export const NotificationsMenu = connect(mapStateToProps, mapDispatchToProps)(NotificationsMenuComponent);