Add selector

This commit is contained in:
Vladislav Makhov 2020-11-09 09:16:44 +03:00
parent d4f2c16140
commit 102837ed04
2 changed files with 9 additions and 4 deletions

View File

@ -5,6 +5,7 @@ import {
getConsumers,
updateConsumerProps,
} from "../../../../../store/settings/actions";
import { getConsumersList } from "../../../../../store/settings/selectors";
import { withTranslation } from "react-i18next";
import styled from "styled-components";
@ -157,10 +158,10 @@ class ThirdPartyServices extends React.Component {
flexWrap="wrap"
marginProp="32px 176px 40px 0"
>
{consumers.map((consumer, i) => (
{consumers.map((consumer) => (
<StyledConsumer
className="consumer-item-wrapper"
key={i}
key={consumer.name}
marginProp="0 24px 24px 0"
>
<Separator />
@ -207,8 +208,7 @@ ThirdPartyServices.propTypes = {
};
const mapStateToProps = (state) => {
const { consumers } = state.settings.integration;
return { consumers };
return { consumers: getConsumersList(state) };
};
export default connect(mapStateToProps, { getConsumers, updateConsumerProps })(

View File

@ -1,3 +1,6 @@
import { format } from "react-string-format";
import { createSelector } from "reselect";
export const getUserRole = (user) => {
if (user.isOwner) return "owner";
else if (user.isAdmin) return "admin";
@ -9,3 +12,5 @@ export const getUserRole = (user) => {
else if (user.isVisitor) return "guest";
else return "user";
};
export const getConsumersList = (state) => state.settings.integration.consumers;