IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Components:Rename onClick for onAddUser.

Browse Source
This commit is contained in:
Vlada Gazizova 2023-05-17 12:45:45 +03:00
parent 0b4439d1cf
commit f4bf263388
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/components/filling-role-selector/filling-role-selector.stories.js
View File

@ -5,7 +5,7 @@ export default {
title: "Components/FillingRoleSelector",
component: FillingRoleSelector,
argTypes: {
onClick: { action: "onClick" },
onAddUser: { action: "onAddUser" },
onRemoveUser: { action: "onRemoveUser" },
},
};
@ -34,12 +34,16 @@ const mockUsers = [
},
];
const Template = ({ onClick, ...args }) => {
const Template = ({ onAddUser, ...args }) => {
const onAddUserHandler = () => {
onAddUser();
};
return (
<FillingRoleSelector
{...args}
style={{ width: "480px", padding: "16px" }}
onClick={(e) => onClick(e)}
onAddUser={onAddUserHandler}
/>
);
};
@ -51,7 +55,7 @@ Default.args = {
const TemplateRolesFilledUsers = ({
users,
onClick,
onAddUser,
onRemoveUser,
...args
}) => {
@ -62,13 +66,17 @@ const TemplateRolesFilledUsers = ({
setUsersAssigned(newUsersAssigned);
};
const onAddUserHandler = () => {
onAddUser();
};
return (
<FillingRoleSelector
{...args}
style={{ width: "480px", padding: "16px" }}
// onClick={(e) => onClick(e)}
users={usersAssigned}
onRemoveUser={onRemoveUserHandler}
onAddUser={onAddUserHandler}
/>
);
};

8
packages/components/filling-role-selector/index.js
View File

@ -19,7 +19,7 @@ import RemoveSvgUrl from "PUBLIC_DIR/images/remove.session.svg?url";
import { ReactSVG } from "react-svg";
const FillingRoleSelector = (props) => {
const { roles, users, onClick, onRemoveUser } = props;
const { roles, users, onAddUser, onRemoveUser } = props;
const cloneRoles = JSON.parse(JSON.stringify(roles));
const sortedInOrderRoles = cloneRoles.sort((a, b) =>
@ -91,7 +91,7 @@ const FillingRoleSelector = (props) => {
return (
<StyledRow key={index}>
<StyledNumber>{item.order}</StyledNumber>
<StyledAddRoleButton onClick={onClick} color={item.color} />
<StyledAddRoleButton onClick={onAddUser} color={item.color} />
<StyledRole>{item.role}</StyledRole>
</StyledRow>
);
@ -101,7 +101,7 @@ const FillingRoleSelector = (props) => {
return (
<StyledRow key={index}>
<StyledNumber>{item.order}</StyledNumber>
<StyledAddRoleButton onClick={onClick} color={item.color} />
<StyledAddRoleButton onClick={onAddUser} color={item.color} />
<StyledRole>{item.role}</StyledRole>
</StyledRow>
);
@ -113,7 +113,7 @@ const FillingRoleSelector = (props) => {
FillingRoleSelector.propTypes = {
roles: PropTypes.array,
users: PropTypes.array,
onClick: PropTypes.func,
onAddUser: PropTypes.func,
onRemoveUser: PropTypes.func,
};