공지사항 페이지 개선 - 카테고리 필터 및 다국어 지원

- 공지사항 리스트/상세 페이지에 다국어(i18n) 적용
- 카테고리 선택 필터 기능 추가 (전체/공지/이벤트/서비스/중요)
- 검색창 Enter 키 지원 및 한글 입력 이슈 해결
- 검색/필터 실행 시 input 포커스 자동 해제

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-09-18 10:54:29 +09:00
parent 71d5cd0d4c
commit 2910b20974
7 changed files with 71 additions and 18 deletions

View File

@@ -2,15 +2,17 @@ import { PATHS } from '@/shared/constants/paths';
import { useNavigate } from '@/shared/lib/hooks/use-navigate';
import { NoticeItemProps } from '../model/types';
import moment from 'moment';
import { useTranslation } from 'react-i18next';
export const SupportNoticeItem = ({
id,
title,
category,
regDate,
isNew
isNew // eslint-disable-line @typescript-eslint/no-unused-vars
}: NoticeItemProps) => {
const { navigate } = useNavigate();
const { t } = useTranslation();
const onClickToDetail = () => {
navigate(PATHS.support.notice.detail, {
@@ -30,7 +32,7 @@ export const SupportNoticeItem = ({
<div className="notice-txt">
<div className="notice-title-114">{ title }</div>
<div className="notice-meta-114">
<span className="blue">{ category }</span> <span>{ moment(regDate).format('YYYY.MM.DD HH:mm:ss') }</span>
<span className="blue">{ t(`support.notice.categories.${category}`) }</span> <span>{ moment(regDate).format('YYYY.MM.DD HH:mm:ss') }</span>
</div>
</div>
</div>