From 44f54e1cacb816893833f79ba76787da9f4ac83b Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Tue, 6 Aug 2019 15:29:53 +0300
Subject: [PATCH] Active filters: add delete buttons for uri filters
---
src/client/components/facet_bar/ChipsArray.js | 34 ++++++++++++-------
1 file changed, 21 insertions(+), 13 deletions(-)
diff --git a/src/client/components/facet_bar/ChipsArray.js b/src/client/components/facet_bar/ChipsArray.js
index 73ce8d00..fff73b2c 100644
--- a/src/client/components/facet_bar/ChipsArray.js
+++ b/src/client/components/facet_bar/ChipsArray.js
@@ -2,6 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Chip from '@material-ui/core/Chip';
+import Tooltip from '@material-ui/core/Tooltip';
const styles = theme => ({
root: {
@@ -16,13 +17,15 @@ const styles = theme => ({
class ChipsArray extends React.Component {
- handleDelete = data => () => {
- this.props.updateFacetOption({
- facetClass: this.props.facetClass,
- facetID: data.facetID,
- option: data.filterType,
- value: data.value // a react sortable tree object
- });
+ handleDelete = item => () => {
+ if (item.filterType === 'uriFilter') {
+ this.props.updateFacetOption({
+ facetClass: this.props.facetClass,
+ facetID: item.facetID,
+ option: item.filterType,
+ value: item.value
+ });
+ }
};
generateLabel = (facetLabel, valueLabel, filterType) => {
@@ -63,12 +66,17 @@ class ChipsArray extends React.Component {
${this.ISOStringToYear(item.value.end)}`;
}
return (
- <Chip
- key={key}
- icon={icon}
- label={this.generateLabel(item.facetLabel, valueLabel, item.filterType)}
- className={classes.chip}
- />
+ <Tooltip key={key} title={`${item.facetLabel}: ${valueLabel}`}>
+ <Chip
+ key={key}
+ icon={icon}
+ label={this.generateLabel(item.facetLabel, valueLabel, item.filterType)}
+ className={classes.chip}
+ onDelete={this.handleDelete(item)}
+ color="primary"
+ />
+ </Tooltip>
+
);
})}
</div>
--
GitLab