vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Pass theme down to list item child components for correct classnames

old
Steven Lindberg 2016-07-25 08:28:31 -07:00
parent 88bc765121
commit 5a9fec86fa
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/list/ListItemActions.js
View File

@ -11,7 +11,7 @@ const factory = (ListItemAction) => {
return (
<span className={theme[type]}>
{validChildren.map((action, i) => <ListItemAction key={i} action={action} />)}
{validChildren.map((action, i) => <ListItemAction key={i} theme={theme} action={action} />)}
</span>
);
};

4
components/list/ListItemContent.js
View File

@ -37,8 +37,8 @@ const factory = (ListItemText) => {
return (
<span className={className}>
{caption && <ListItemText primary>{caption}</ListItemText>}
{legend && <ListItemText>{legend}</ListItemText>}
{caption && <ListItemText theme={theme} primary>{caption}</ListItemText>}
{legend && <ListItemText theme={theme}>{legend}</ListItemText>}
{children}
</span>
);

6
components/list/ListItemLayout.js
View File

@ -23,14 +23,14 @@ const factory = (Avatar, ListItemContent, ListItemActions) => {
props.rightIcon && <FontIcon value={props.rightIcon} key='rightIcon'/>,
...props.rightActions
];
const content = props.itemContent || <ListItemContent caption={props.caption} legend={props.legend} />;
const content = props.itemContent || <ListItemContent theme={props.theme} caption={props.caption} legend={props.legend} />;
const emptyActions = (item) => !item[0] && !item[1] && !item[2];
return (
<span className={className}>
{!emptyActions(leftActions) > 0 && <ListItemActions type='left'>{leftActions}</ListItemActions>}
{!emptyActions(leftActions) > 0 && <ListItemActions type='left' theme={props.theme}>{leftActions}</ListItemActions>}
{content}
{!emptyActions(rightActions) > 0 && <ListItemActions type='right'>{rightActions}</ListItemActions>}
{!emptyActions(rightActions) > 0 && <ListItemActions type='right' theme={props.theme}>{rightActions}</ListItemActions>}
</span>
);
};