CollectionList: show colorbox when color is available.

master
Tom Hacohen 4 years ago
parent 3a690e351a
commit 3db3720eef

@ -18,6 +18,7 @@ import Container from "../widgets/Container";
import { routeResolver } from "../App"; import { routeResolver } from "../App";
import { CachedCollection } from "../Pim/helpers"; import { CachedCollection } from "../Pim/helpers";
import ColorBox from "../widgets/ColorBox";
interface PropsType { interface PropsType {
collections: CachedCollection[]; collections: CachedCollection[];
@ -38,7 +39,10 @@ export default function CollectionList(props: PropsType) {
for (const col of props.collections) { for (const col of props.collections) {
if (collectionMap[col.metadata.type]) { if (collectionMap[col.metadata.type]) {
const colorBox = undefined; // FIXME const colorBox = (col.metadata.color) ? (
<ColorBox size={24} color={col.metadata.color} />
) : undefined;
collectionMap[col.metadata.type].push(( collectionMap[col.metadata.type].push((
<ListItem key={col.collection.uid} rightIcon={colorBox} insetChildren <ListItem key={col.collection.uid} rightIcon={colorBox} insetChildren
onClick={() => colClicked(col.collection.uid)}> onClick={() => colClicked(col.collection.uid)}>

Loading…
Cancel
Save