'use client' import { useTranslation } from 'react-i18next' import { useState } from 'react' import { AtSymbolIcon, CubeTransparentIcon, GlobeAltIcon, UserIcon, UsersIcon, XMarkIcon } from '@heroicons/react/24/outline' import { GlobeAltIcon as GlobalAltIconSolid, UserIcon as UserIconSolid, UsersIcon as UsersIconSolid } from '@heroicons/react/24/solid' import cn from 'classnames' import AccountPage from './account-page' import MembersPage from './members-page' import IntegrationsPage from './Integrations-page' import LanguagePage from './language-page' import ProviderPage from './provider-page' import DataSourcePage from './data-source-page' import s from './index.module.css' import Modal from '@/app/components/base/modal' const iconClassName = ` w-4 h-4 ml-3 mr-2 ` type IconProps = { className?: string } const DataSourceIcon = ({ className }: IconProps) => (
) const DataSourceSolidIcon = ({ className }: IconProps) => ( ) type IAccountSettingProps = { onCancel: () => void activeTab?: string } export default function AccountSetting({ onCancel, activeTab = 'account', }: IAccountSettingProps) { const [activeMenu, setActiveMenu] = useState(activeTab) const { t } = useTranslation() const menuItems = [ { key: 'account-group', name: t('common.settings.accountGroup'), items: [ { key: 'account', name: t('common.settings.account'), icon: