\n\t\t\t
\n\t\t\t\t{sections.map((el) => {\n\t\t\t\t\tif ((el.isActive && !el.isActive()) || (!isLogged && el.isLogged)) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\tconst className =\n\t\t\t\t\t\tactiveId === el.id ? 'active settings__button' : 'settings__button';\n\t\t\t\t\treturn (\n\t\t\t\t\t\t handleChangeSection(el)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{el.name && <>{trans({ label: el.name() })} >}\n\t\t\t\t\t\t\t\t{el.nameComponent && <>{el.nameComponent()} >}\n\t\t\t\t\t\t\t\t{!!el.notification && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t
\n\t\t\t{activeId &&\n\t\t\t\tgetSectionContent(\n\t\t\t\t\tactiveId,\n\t\t\t\t\tactiveTabData?.panelTitle,\n\t\t\t\t\tactiveTabData?.isNarrow,\n\t\t\t\t)}\n\t\t
\n\t);\n};\n","import { FC, useCallback, useContext } from 'react';\nimport { useUserIsLogged } from '@common/selectors/user.selectors';\nimport { SlideDownBox } from '../slideDownBox/slideDownBox';\nimport { trans } from '../../modules/translation/translate';\nimport { NotificationIcon } from '../notificationIcon/NotificationIcon';\nimport { SettingsLayoutContext } from './SettingsLayout.context';\nimport { SettingsLayoutSection } from './settingsLayout';\n\nconst SlideDownBoxElement: FC