Macbook
70 lines
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
/**
|
|
* 알림 Context 연동 UI (Provider 하위에서만 사용)
|
|
*/
|
|
import React from 'react';
|
|
import TopMenuBar, { type MenuPage } from './TopMenuBar';
|
|
import type { Theme } from '../types';
|
|
import type { AuthSession } from '../utils/auth';
|
|
import type { TradeAlertPopupLayout, TradeAlertPopupPosition } from '../utils/tradeAlertPopupLayout';
|
|
import { useTradeNotification } from '../contexts/TradeNotificationContext';
|
|
|
|
interface NotifyTopMenuBarProps {
|
|
activePage: MenuPage;
|
|
theme: Theme;
|
|
onPage: (page: MenuPage) => void;
|
|
onTheme: () => void;
|
|
onOpenAppDownload?: () => void;
|
|
authUser?: AuthSession | null;
|
|
onLoginClick?: () => void;
|
|
onLogout?: () => void;
|
|
menuPermissions?: Record<string, boolean>;
|
|
guestMode?: boolean;
|
|
tradeAlertPopupPosition?: string;
|
|
tradeAlertPopupLayout?: string;
|
|
tradeAlertPopupGridCols?: number;
|
|
onTradeAlertPopupPosition?: (v: TradeAlertPopupPosition) => void;
|
|
onTradeAlertPopupLayout?: (v: TradeAlertPopupLayout) => void;
|
|
onTradeAlertPopupGridCols?: (v: number) => void;
|
|
onFullscreen?: () => void;
|
|
onOpenFloatingWidgets?: () => void;
|
|
floatingWidgetCount?: number;
|
|
onRefresh?: () => void;
|
|
}
|
|
|
|
export const NotifyTopMenuBar: React.FC<NotifyTopMenuBarProps> = props => {
|
|
const { unreadCount, toastNotifications, dismissAllToasts } = useTradeNotification();
|
|
return (
|
|
<TopMenuBar
|
|
{...props}
|
|
tradeNotifyUnread={unreadCount}
|
|
tradeNotifyToastCount={toastNotifications.length}
|
|
onOpenNotifications={() => props.onPage('notifications')}
|
|
onDismissAllNotifyPopups={dismissAllToasts}
|
|
tradeAlertPopupPosition={props.tradeAlertPopupPosition}
|
|
tradeAlertPopupLayout={props.tradeAlertPopupLayout}
|
|
tradeAlertPopupGridCols={props.tradeAlertPopupGridCols}
|
|
onTradeAlertPopupPosition={props.onTradeAlertPopupPosition}
|
|
onTradeAlertPopupLayout={props.onTradeAlertPopupLayout}
|
|
onTradeAlertPopupGridCols={props.onTradeAlertPopupGridCols}
|
|
/>
|
|
);
|
|
};
|
|
|
|
import Toolbar, { type ToolbarProps } from './Toolbar';
|
|
|
|
export const ChartToolbarNotify: React.FC<ToolbarProps & {
|
|
onOpenNotifyList: () => void;
|
|
}> = ({
|
|
onOpenNotifyList,
|
|
...toolbarProps
|
|
}) => {
|
|
const { unreadCount } = useTradeNotification();
|
|
return (
|
|
<Toolbar
|
|
{...toolbarProps}
|
|
tradeNotifyUnread={unreadCount}
|
|
onOpenTradeNotifications={onOpenNotifyList}
|
|
/>
|
|
);
|
|
};
|