[MM-20460] Migrate 'components/permissions_gates/channel_permission_g…

…ate' module and associated tests to TypeScript (#6601) * Migrate channel_permission_gate to TypeScript * Rename test file to TypeScript Co-authored-by: Mattermod <[email protected]>
mattermost · Oct 6, 2020 · 425cc09 · 425cc09
1 parent 99d650f
commit 425cc09
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 63 deletions.
diff --git a/...s__/channel_permission_gate.test.jsx.snap → ...s__/channel_permission_gate.test.tsx.snap b/...s__/channel_permission_gate.test.jsx.snap → ...s__/channel_permission_gate.test.tsx.snap
@@ -26,7 +26,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="invalid_id"
  dispatch={[Function]}
  hasPermission={false}
- invert={false}
  permissions={
  Array [
  "test_channel_permission",
@@ -64,7 +63,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="channel_id"
  dispatch={[Function]}
  hasPermission={false}
- invert={false}
  permissions={
  Array [
  "invalid_permission",
@@ -144,7 +142,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="channel_id"
  dispatch={[Function]}
  hasPermission={true}
- invert={false}
  permissions={
  Array [
  "test_channel_permission",
@@ -225,7 +222,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="channel_id"
  dispatch={[Function]}
  hasPermission={true}
- invert={false}
  permissions={
  Array [
  "test_system_permission",
@@ -267,7 +263,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="channel_id"
  dispatch={[Function]}
  hasPermission={true}
- invert={false}
  permissions={
  Array [
  "test_team_permission",
@@ -309,7 +304,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="channel_id"
  dispatch={[Function]}
  hasPermission={true}
- invert={false}
  permissions={
  Array [
  "test_channel_permission",
@@ -351,7 +345,6 @@ exports[`components/permissions_gates ChannelPermissionGate should match snapsho
  channelId="channel_id"
  dispatch={[Function]}
  hasPermission={false}
- invert={false}
  permissions={
  Array [
  "invalid_permission",

diff --git a/components/permissions_gates/channel_permission_gate/channel_permission_gate.jsx b/components/permissions_gates/channel_permission_gate/channel_permission_gate.jsx
diff --git a/...ion_gate/channel_permission_gate.test.jsx → ...ion_gate/channel_permission_gate.test.tsx b/...ion_gate/channel_permission_gate.test.jsx → ...ion_gate/channel_permission_gate.test.tsx
diff --git a/components/permissions_gates/channel_permission_gate/channel_permission_gate.tsx b/components/permissions_gates/channel_permission_gate/channel_permission_gate.tsx
@@ -0,0 +1,51 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import React from 'react';
+
+type Props = {
+
+ /**
+ * Channel to check the permission
+ */
+ channelId?: string;
+
+ /**
+ * Team to check the permission
+ */
+ teamId?: string;
+
+ /**
+ * Permissions enough to pass the gate (binary OR)
+ */
+ permissions: string[];
+
+ /**
+ * Has permission
+ */
+ hasPermission: boolean;
+
+ /**
+ * Invert the permission (used for else)
+ */
+ invert?: boolean;
+
+ /**
+ * Content protected by the permissions gate
+ */
+ children: React.ReactNode;
+}
+
+export default class ChannelPermissionGate extends React.PureComponent<Props> {
+ render() {
+ const {hasPermission, children, invert = false} = this.props;
+
+ if (hasPermission && !invert) {
+ return children;
+ }
+ if (!hasPermission && invert) {
+ return children;
+ }
+ return null;
+ }
+}
diff --git a/...ns_gates/channel_permission_gate/index.js → ...ns_gates/channel_permission_gate/index.ts b/...ns_gates/channel_permission_gate/index.js → ...ns_gates/channel_permission_gate/index.ts
@@ -4,10 +4,17 @@
 import {connect} from 'react-redux';
 
 import {haveIChannelPermission} from 'mattermost-redux/selectors/entities/roles';
+import {GlobalState} from 'mattermost-redux/types/store';
 
-import ChannelPermissionGate from './channel_permission_gate.jsx';
+import ChannelPermissionGate from './channel_permission_gate';
 
-function mapStateToProps(state, ownProps) {
+type Props = {
+ channelId?: string;
+ teamId?: string;
+ permissions: string[];
+}
+
+function mapStateToProps(state: GlobalState, ownProps: Props) {
  if (!ownProps.channelId || ownProps.teamId === null || typeof ownProps.teamId === 'undefined') {
  return {hasPermission: false};
  }