| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| import React from 'react'; |
| import NewYearButton from './NewYearButton'; |
| import NotificationButton from './NotificationButton'; |
| import ThemeToggle from './ThemeToggle'; |
| import LanguageSelector from './LanguageSelector'; |
| import UserArea from './UserArea'; |
|
|
| const ActionButtons = ({ |
| isNewYear, |
| unreadCount, |
| onNoticeOpen, |
| theme, |
| onThemeToggle, |
| currentLang, |
| onLanguageChange, |
| userState, |
| isLoading, |
| isMobile, |
| isSelfUseMode, |
| logout, |
| navigate, |
| t, |
| }) => { |
| return ( |
| <div className='flex items-center gap-2 md:gap-3'> |
| <NewYearButton isNewYear={isNewYear} /> |
| |
| <NotificationButton |
| unreadCount={unreadCount} |
| onNoticeOpen={onNoticeOpen} |
| t={t} |
| /> |
| |
| <ThemeToggle theme={theme} onThemeToggle={onThemeToggle} t={t} /> |
| |
| <LanguageSelector |
| currentLang={currentLang} |
| onLanguageChange={onLanguageChange} |
| t={t} |
| /> |
| |
| <UserArea |
| userState={userState} |
| isLoading={isLoading} |
| isMobile={isMobile} |
| isSelfUseMode={isSelfUseMode} |
| logout={logout} |
| navigate={navigate} |
| t={t} |
| /> |
| </div> |
| ); |
| }; |
|
|
| export default ActionButtons; |
|
|