Function Header

apps/web/ui/ChannelView/Header/index.tsx:17–40

({
  className,
  channel,
  children,
  currentUser,
  api,
}: Props)

}

export default function Header({
  className,
  channel,
  children,
  currentUser,
  api,
}: Props) {
  return (
    <StickyHeader id="chat-layout-header" className={className}>
      <div className={styles.header}>
        <div className={styles.title}>
          #{channel.channelName}
          <IntegrationsModalUI.ShowIntegrationDetail
            api={api}
            channel={channel}
            isUserAuthenticated={!!currentUser?.id}
            key={channel.id}
          />
        </div>
      </div>
      {children}
    </StickyHeader>
  );
}