Интерфейс UEAccountSettingsPanel

Example

Пример: добавление дополнительного раздела с кнопкой и текстом

import {Universe} from '@universe-ee/sdk';

const {React, MobxReact} = Universe.Vendor;
const {Uikit} = Universe.Platform;

type IProps = {
    store: Universe.Common.Security.AccountGeneralSettingsTabStore;
};

@MobxReact.observer
export class CustomAccountSettingsPanel extends React.Component<IProps> {
    override render () {
        return (
            <Uikit.CardPanel
                title={'UE TEST'}
                rightExtraItems={(
                    <Uikit.Button
                        name={'history'}
                        onClick={() => Universe.Platform.Toast.Dialog.showError('HI HI UE', 'I am UE')}
                        isGhost={true}
                        isMinimal={true}
                        leftIcon={'calendar-history'}
                        intent={Uikit.INTENT.PRIMARY}
                    >
                        {'Click me'}
                    </Uikit.Button>
                )}
            >
                <div>
                    <h2>TEST</h2>
                </div>
            </Uikit.CardPanel>
        );
    }
}
Копировать

Подключение точки расширения:

import {Universe} from '@universe-ee/sdk';
import {CustomAccountSettingsPanel} from './CustomAccountSettingsPanel';

export default {
    type: 'AccountSettingsPanel',
    moduleId: 'AccountSettingsPanelCustomID',
    active: true,
    system: false,
    meta: {
        order: 1
    },
    resolver: () => true,
    component: CustomAccountSettingsPanel
} satisfies Universe.Platform.UserExit.UserExitDeclaration;
Копировать