4faa8affb0
- 홈 화면 일/월 탭, 매출/정산 현황 다국어화 - 매출/정산 상세 정보 라벨 다국어화 (승인/취소 건수, 정산한도 등) - 거래 인사이트 및 랭킹 섹션 다국어화 - 요일 이름 동적 번역 기능 추가 (월요일-일요일 → Monday-Sunday) - 계정 관리 화면 다국어화 (계정 상태, 로그인 범위, 권한 설정) - 메뉴 카테고리 다국어화 (en 언어시 menuNameEng 사용) - 즐겨찾기 메뉴 다국어화 - 하단 네비게이션 버튼 다국어화 - 공지사항 제목 다국어화 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import moment from 'moment';
|
|
import { useState } from 'react';
|
|
import { BoxContainer1 } from './day-status-box-container1';
|
|
import { BoxContainer2 } from './day-status-box-container2';
|
|
import { HomeBannerList } from './home-banner-list';
|
|
import { HomeNoticeList } from './home-notice-list';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
export const DayStatusBox = () => {
|
|
const { t } = useTranslation();
|
|
const [tabActive, setTabActive] = useState<1 | 2>(1);
|
|
|
|
return (
|
|
<>
|
|
<div className="day-status">
|
|
<div className="day-tab">
|
|
<div>{ moment().format('YYYY.MM.DD') }</div>
|
|
<div>
|
|
<button
|
|
className={ `day-tab-btn ${(tabActive===1)? 'active': ''}` }
|
|
onClick={ () => setTabActive(1) }
|
|
>{t('home.daily')}</button>
|
|
<button
|
|
className={ `day-tab-btn ${(tabActive===2)? 'active': ''}` }
|
|
onClick={ () => setTabActive(2) }
|
|
>{t('home.monthly')}</button>
|
|
</div>
|
|
</div>
|
|
<div className={ `con-box one ${(tabActive===1)? 'active': ''}` }>
|
|
{ <BoxContainer1></BoxContainer1> }
|
|
</div>
|
|
<div className={ `con-box two ${(tabActive===2)? 'active': ''}` }>
|
|
{ <BoxContainer2></BoxContainer2> }
|
|
</div>
|
|
{ <HomeBannerList></HomeBannerList> }
|
|
{ <HomeNoticeList></HomeNoticeList> }
|
|
</div>
|
|
</>
|
|
);
|
|
}; |