@sendbird/uikit-react-native/lib/module/domain/openChannel/component/OpenChannelHeader.js

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

import React, { useContext } from 'react';
import { Box, Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-react-native-foundation';
import { useLocalization } from '../../..//hooks/useContext';
import ChannelCover from '../../../components/ChannelCover';
import { OpenChannelContexts } from '../module/moduleContext';
const OpenChannelHeader = ({
  onPressHeaderLeft,
  onPressHeaderRight,
  rightIconName
}) => {
  const {
    headerTitle,
    channel
  } = useContext(OpenChannelContexts.Fragment);
  const {
    HeaderComponent
  } = useHeaderStyle();
  const {
    STRINGS
  } = useLocalization();
  return /*#__PURE__*/React.createElement(HeaderComponent, {
    clearTitleMargin: true,
    title: /*#__PURE__*/React.createElement(Box, {
      flexDirection: 'row',
      alignItems: 'center',
      style: styles.titleContainer
    }, /*#__PURE__*/React.createElement(ChannelCover, {
      channel: channel,
      size: 34,
      containerStyle: styles.avatarGroup
    }), /*#__PURE__*/React.createElement(Box, {
      flexShrink: 1
    }, /*#__PURE__*/React.createElement(Header.Title, {
      h2: true
    }, headerTitle), /*#__PURE__*/React.createElement(Header.Subtitle, {
      style: styles.subtitle
    }, STRINGS.OPEN_CHANNEL.HEADER_SUBTITLE(channel)))),
    left: /*#__PURE__*/React.createElement(Icon, {
      icon: 'arrow-left'
    }),
    onPressLeft: onPressHeaderLeft,
    right: /*#__PURE__*/React.createElement(Icon, {
      icon: rightIconName
    }),
    onPressRight: onPressHeaderRight
  });
};
const styles = createStyleSheet({
  titleContainer: {
    maxWidth: '100%'
  },
  avatarGroup: {
    marginEnd: 8
  },
  subtitle: {
    marginTop: 2
  }
});
export default /*#__PURE__*/React.memo(OpenChannelHeader);
//# sourceMappingURL=OpenChannelHeader.js.map