aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

매매 시그널 알림 수정

Browse Source
This commit is contained in:
Macbook
2026-05-30 16:46:59 +09:00
parent d5699a827e
commit ba4ef5e230
5 changed files with 108 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/TradeNotificationListPage.tsx
+36 -48
View File
@@ -30,9 +30,12 @@ import {
saveTradeNotificationListLayout,
saveTradeNotificationListSort,
TRADE_NOTIFICATION_CANDLE_FILTER_OPTIONS,
TRADE_NOTIFICATION_READ_FILTER_OPTIONS,
TRADE_NOTIFICATION_SORT_OPTIONS,
type TradeNotificationCandleFilter,
type TradeNotificationListLayout,
type TradeNotificationListSort,
type TradeNotificationReadFilter,
} from '../utils/tradeNotificationListLayout';
import { normalizeStartCandleType } from '../utils/strategyStartNodes';
import {
@@ -121,7 +124,7 @@ export const TradeNotificationListPage: React.FC<Props> = ({
refreshHistory,
} = useTradeNotification();
const [filter, setFilter] = useState<'all' | 'unread'>('all');
const [filter, setFilter] = useState<TradeNotificationReadFilter>('all');
const [listSort, setListSort] = useState<TradeNotificationListSort>(
() => loadTradeNotificationListSort(),
);
@@ -337,61 +340,46 @@ export const TradeNotificationListPage: React.FC<Props> = ({
{selectedCount > 0 && (
<span className="tnl-chip tnl-chip--selected">선택 {selectedCount}건</span>
)}
<div className="tnl-filter">
<button
type="button"
className={filter === 'all' ? 'tnl-filter-btn--active' : ''}
onClick={() => setFilter('all')}
<div className="tnl-toolbar-selects">
<select
className="tnl-toolbar-select"
value={filter}
aria-label="표시 범위"
onChange={e => setFilter(e.target.value as TradeNotificationReadFilter)}
>
전체
</button>
<button
type="button"
className={filter === 'unread' ? 'tnl-filter-btn--active' : ''}
onClick={() => setFilter('unread')}
{TRADE_NOTIFICATION_READ_FILTER_OPTIONS.map(o => (
<option key={o.value} value={o.value}>{o.label}</option>
))}
</select>
<span className="header-toolbar-divider" aria-hidden="true" />
<select
className="tnl-toolbar-select"
value={listSort}
aria-label="목록 정렬"
onChange={e => handleListSortChange(e.target.value as TradeNotificationListSort)}
>
미확인
</button>
{TRADE_NOTIFICATION_SORT_OPTIONS.map(o => (
<option key={o.value} value={o.value}>{o.label}</option>
))}
</select>
<span className="header-toolbar-divider" aria-hidden="true" />
<select
className="tnl-toolbar-select"
value={candleFilter}
aria-label="시간봉 필터"
onChange={e => handleCandleFilterChange(e.target.value as TradeNotificationCandleFilter)}
>
<option value="">전체</option>
{TRADE_NOTIFICATION_CANDLE_FILTER_OPTIONS.map(o => (
<option key={o.value} value={o.value}>{o.label}</option>
))}
</select>
</div>
{unreadCount > 0 && (
<button type="button" className="tnl-btn tnl-btn--primary" onClick={markAllAsRead}>
모두 읽음
</button>
)}
<div className="tnl-filter tnl-sort-toggle" role="group" aria-label="목록 정렬">
<button
type="button"
className={listSort === 'market' ? 'tnl-filter-btn--active' : ''}
onClick={() => handleListSortChange('market')}
>
종목순
</button>
<button
type="button"
className={listSort === 'newest' ? 'tnl-filter-btn--active' : ''}
onClick={() => handleListSortChange('newest')}
>
최신시간순
</button>
<button
type="button"
className={listSort === 'oldest' ? 'tnl-filter-btn--active' : ''}
onClick={() => handleListSortChange('oldest')}
>
이전시간순
</button>
</div>
<select
className="tnl-candle-filter-select"
value={candleFilter}
aria-label="시간봉 필터"
onChange={e => handleCandleFilterChange(e.target.value as TradeNotificationCandleFilter)}
>
<option value="">전체</option>
{TRADE_NOTIFICATION_CANDLE_FILTER_OPTIONS.map(o => (
<option key={o.value} value={o.value}>{o.label}</option>
))}
</select>
<div className="tnl-layout-toggle vtd-view-toggle" role="group" aria-label="목록 표시 방식">
<button
type="button"