UNPKG

@sendbird/uikit-react

Version:

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

48 lines (41 loc) 2.6 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var React = require('react'); var LocalizationContext = require('../../chunks/bundle-ClT0IexP.js'); var ui_Icon = require('../../ui/Icon.js'); var ui_Header = require('../../ui/Header.js'); var useSendbird = require('../../chunks/bundle-on0zTbLT.js'); require('../../chunks/bundle-jAsAzWpU.js'); require('../../chunks/bundle-D-_6Kk3L.js'); require('../../chunks/bundle-BXuNw6bR.js'); require('../../chunks/bundle-1F9guuKw.js'); require('../../chunks/bundle-DxZzcGya.js'); require('../../chunks/bundle-DDUAkmTu.js'); require('../../ui/TextButton.js'); require('../../chunks/bundle-mNJHRgJ3.js'); require('../../ui/IconButton.js'); require('../../chunks/bundle-Buar9ys-.js'); require('../../chunks/bundle-DZN-28o5.js'); require('@sendbird/chat'); require('@sendbird/chat/groupChannel'); require('@sendbird/chat/openChannel'); function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; } var React__default = /*#__PURE__*/_interopDefaultCompat(React); var ChannelSettingsHeader = function (_a) { var onCloseClick = _a.onCloseClick, // Header custom props renderLeft = _a.renderLeft, renderMiddle = _a.renderMiddle, renderRight = _a.renderRight; var stringSet = LocalizationContext.useLocalization().stringSet; var state = useSendbird.useSendbird().state; var config = state.config; var logger = config.logger, theme = config.theme; var iconColor = theme === 'dark' ? ui_Icon.IconColors.CONTENT_INVERSE : ui_Icon.IconColors.PRIMARY; return (React__default.default.createElement(ui_Header.default, { className: "sendbird-channel-settings__header", renderLeft: renderLeft, renderMiddle: renderMiddle !== null && renderMiddle !== void 0 ? renderMiddle : (function () { return (React__default.default.createElement(ui_Header.default.Title, { title: stringSet.CHANNEL_SETTING__HEADER__TITLE })); }), renderRight: renderRight !== null && renderRight !== void 0 ? renderRight : (function () { return (React__default.default.createElement("div", { className: "sendbird-channel-settings__header-icon" }, React__default.default.createElement(ui_Header.default.IconButton, { type: ui_Icon.IconTypes.CLOSE, color: iconColor, onClick: function (e) { logger.info('ChannelSettings: Click close'); onCloseClick(e); } }))); }) })); }; exports.ChannelSettingsHeader = ChannelSettingsHeader; exports.default = ChannelSettingsHeader; //# sourceMappingURL=ChannelSettingsHeader.js.map