roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 17:49:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: support updating roles (closes #83)

Browse source
This commit is contained in:
41666 2020-12-18 19:55:58 -05:00
parent c7381c3d66
commit 1a59972398
10 changed files with 272 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/design-system/organisms/role-picker/RolePicker.tsx
View file

@ -1,3 +1,4 @@
import { isEqual, xor } from 'lodash';
import NextLink from 'next/link';
import * as React from 'react';
import { GoInfo } from 'react-icons/go';
@ -34,20 +35,17 @@ export type RolePickerProps = {
editable: boolean;
};
const arrayMatches = (a: any[], b: any[]) => {
return (
a === b ||
(a.length === b.length &&
a.every((x) => b.includes(x)) &&
b.every((x) => a.includes(x)))
);
};
export const RolePicker = (props: RolePickerProps) => {
const [selectedRoles, updateSelectedRoles] = React.useState<string[]>(
props.member.roles
);
React.useEffect(() => {
if (!isEqual(props.member.roles, selectedRoles)) {
updateSelectedRoles(props.member.roles);
}
}, [props.member.roles]);
const handleChange = (category: Category) => (role: Role) => (newState: boolean) => {
if (category.type === CategoryType.Single) {
updateSelectedRoles(
@ -114,7 +112,7 @@ export const RolePicker = (props: RolePickerProps) => {
)}
</div>
<FaderOpacity
isVisible={!arrayMatches(selectedRoles, props.member.roles)}
isVisible={xor(selectedRoles, props.member.roles).length !== 0}
>
<ResetSubmit
onSubmit={() => props.onSubmit(selectedRoles)}