IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Convert ./components/permissions_gates/any_team_permission_gate/any_t… (#24970)

Browse Source 
* Convert ./components/permissions_gates/any_team_permission_gate/any_team_permission_gate.tsx

* React memo added

* linting issue resolved

---------

Co-authored-by: sjcode99 <misuraj2611@gmail.com>
This commit is contained in:
sjcode99 2023-10-23 14:15:25 +05:30 committed by GitHub
parent d0c22aa1cd
commit 13aaf6d363
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 48 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
webapp/channels/src/components/permissions_gates/any_team_permission_gate/__snapshots__/any_team_permission_gate.test.tsx.snap
View File

@ -13,24 +13,25 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
permissions={
Array [
"invalid_permission",
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={false}
invert={false}
permissions={
Array [
"invalid_permission",
]
}
/>
</Connect(AnyTeamPermissionGate)>
>
<p />
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -47,7 +48,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
permissions={
Array [
"test_team_permission",
@ -55,10 +56,9 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={true}
invert={false}
permissions={
Array [
"test_team_permission",
@ -69,8 +69,8 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
<p>
Valid permission (shown)
</p>
</AnyTeamPermissionGate>
</Connect(AnyTeamPermissionGate)>
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -87,17 +87,16 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
permissions={
Array [
"test_team_permission",
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={true}
invert={false}
permissions={
Array [
"test_team_permission",
@ -107,8 +106,8 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
<p>
Valid permission (shown)
</p>
</AnyTeamPermissionGate>
</Connect(AnyTeamPermissionGate)>
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -125,7 +124,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
invert={true}
permissions={
Array [
@ -133,7 +132,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={true}
invert={true}
@ -142,8 +141,10 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
"test_team_permission",
]
}
/>
</Connect(AnyTeamPermissionGate)>
>
<p />
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -160,17 +161,16 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
permissions={
Array [
"test_system_permission",
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={true}
invert={false}
permissions={
Array [
"test_system_permission",
@ -180,8 +180,8 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
<p>
Valid permission (shown)
</p>
</AnyTeamPermissionGate>
</Connect(AnyTeamPermissionGate)>
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -198,17 +198,16 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
permissions={
Array [
"other_permission",
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={true}
invert={false}
permissions={
Array [
"other_permission",
@ -218,8 +217,8 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
<p>
Valid permission (shown)
</p>
</AnyTeamPermissionGate>
</Connect(AnyTeamPermissionGate)>
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -236,7 +235,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
invert={true}
permissions={
Array [
@ -244,7 +243,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={true}
invert={true}
@ -253,8 +252,10 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
"other_permission",
]
}
/>
</Connect(AnyTeamPermissionGate)>
>
<p />
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;
@ -271,7 +272,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
}
}
>
<Connect(AnyTeamPermissionGate)
<Connect(Component)
invert={true}
permissions={
Array [
@ -279,7 +280,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
]
}
>
<AnyTeamPermissionGate
<Memo(AnyTeamPermissionGate)
dispatch={[Function]}
hasPermission={false}
invert={true}
@ -292,7 +293,7 @@ exports[`components/permissions_gates TeamPermissionGate should match snapshot w
<p>
Invalid permission but inverted (shown)
</p>
</AnyTeamPermissionGate>
</Connect(AnyTeamPermissionGate)>
</Memo(AnyTeamPermissionGate)>
</Connect(Component)>
</Provider>
`;

23
webapp/channels/src/components/permissions_gates/any_team_permission_gate/any_team_permission_gate.tsx
View File

@ -18,23 +18,20 @@ export type Props = {
/**
* Invert the permission (used for else)
*/
invert: boolean;
invert?: boolean;
/**
* Content protected by the permissions gate
*/
children: React.ReactNode;
}
};
export default class AnyTeamPermissionGate extends React.PureComponent<Props> {
static defaultProps = {
invert: false,
};
const AnyTeamPermissionGate = ({hasPermission, children, invert = false}: Props) => {
return (
<>
{hasPermission === invert ? null : children}
</>
);
};
render() {
if (this.props.hasPermission !== this.props.invert) {
return this.props.children;
}
return null;
}
}
export default React.memo(AnyTeamPermissionGate);