Add Call dropdown for plugins

mattermost · Jun 12, 2020 · 2bab0da · 2bab0da
1 parent 0e1430c
commit 2bab0da
Show file tree

Hide file tree

Showing 7 changed files with 958 additions and 0 deletions.
diff --git a/components/channel_header/__snapshots__/channel_header.test.jsx.snap b/components/channel_header/__snapshots__/channel_header.test.jsx.snap
@@ -156,6 +156,22 @@ exports[`components/ChannelHeader should render active flagged posts 1`] = `
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 0,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"
@@ -366,6 +382,22 @@ exports[`components/ChannelHeader should render active mentions posts 1`] = `
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 0,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"
@@ -576,6 +608,22 @@ exports[`components/ChannelHeader should render active pinned posts 1`] = `
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 0,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide channel-header__icon--active"
@@ -725,6 +773,22 @@ exports[`components/ChannelHeader should render archived view 1`] = `
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 1234,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"
@@ -970,6 +1034,22 @@ exports[`components/ChannelHeader should render correct menu when muted 1`] = `
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 0,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"
@@ -1186,6 +1266,22 @@ exports[`components/ChannelHeader should render properly when populated 1`] = `
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 0,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"
@@ -1434,6 +1530,29 @@ exports[`components/ChannelHeader should render properly when populated with cha
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "header": "See ~test",
+ "id": "channel_id",
+ "name": "Test",
+ "props": Object {
+ "channel_mentions": Object {
+ "test": Object {
+ "display_name": "Test",
+ },
+ },
+ },
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"
@@ -1644,6 +1763,22 @@ exports[`components/ChannelHeader should render the pinned icon with the pinned
  }
  }
  />
+ <Connect(ChannelHeaderCall)
+ channel={
+ Object {
+ "delete_at": 0,
+ "id": "channel_id",
+ "name": "Test",
+ "team_id": "team_id",
+ }
+ }
+ channelMember={
+ Object {
+ "channel_id": "channel_id",
+ "user_id": "user_id",
+ }
+ }
+ />
  <HeaderIconWrapper
  ariaLabel={true}
  buttonClass="channel-header__icon channel-header__icon--wide"

diff --git a/components/channel_header/channel_header.js b/components/channel_header/channel_header.js
@@ -41,6 +41,7 @@ import {intlShape} from 'utils/react_intl';
 import * as Utils from 'utils/utils';
 
 import ChannelHeaderPlug from 'plugins/channel_header_plug';
+import ChannelHeaderCall from 'plugins/channel_header_call';
 
 import HeaderIconWrapper from './components/header_icon_wrapper';
 
@@ -754,6 +755,10 @@ class ChannelHeader extends React.PureComponent {
  channel={channel}
  channelMember={channelMember}
  />
+ <ChannelHeaderCall
+ channel={channel}
+ channelMember={channelMember}
+ />
  <HeaderIconWrapper
  iconComponent={pinnedIcon}
  ariaLabel={true}