model-navigator-standalone
Version:
Standalone MDF graph model visualizer
52 lines • 2.08 kB
JavaScript
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import withStyles from '@mui/styles/withStyles';
import styles from './DictionarySearchHistory.style';
import { searchResultCleared, clearedHistory, historyItemClicked, selectSearchHistoryItems } from '../../../../../features/search/searchSlice';
function DictionarySearchHistory(_ref) {
let {
classes
} = _ref;
const dispatch = useDispatch();
const searchHistoryItems = useSelector(selectSearchHistoryItems);
const handleClick = item => {
dispatch(historyItemClicked(item));
};
const handleClearHistory = () => {
dispatch(searchResultCleared());
dispatch(clearedHistory());
};
var historyItems = [];
if (searchHistoryItems) {
historyItems = searchHistoryItems.map(item => {
const zeroCountModifier = item.matchedCount === 0 ? classes.itemBadgeZero : '';
return /*#__PURE__*/React.createElement("div", {
className: classes.item,
key: item.keywordStr,
onClick: () => handleClick(item),
role: "button",
tabIndex: 0
}, /*#__PURE__*/React.createElement("span", {
className: classes.itemKeyword
}, item.keywordStr), /*#__PURE__*/React.createElement("span", {
className: "".concat(classes.itemBadge, " ").concat(zeroCountModifier)
}, item.matchedCount));
});
}
if (searchHistoryItems && searchHistoryItems.length > 0) {
return /*#__PURE__*/React.createElement("div", {
className: classes.searchHistory
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", {
className: classes.titleText
}, "Last Search"), /*#__PURE__*/React.createElement("span", {
className: classes.clear,
onClick: handleClearHistory,
role: "button",
tabIndex: 0
}, "Clear History")), /*#__PURE__*/React.createElement("div", {
className: classes.searchedItems
}, historyItems));
}
return /*#__PURE__*/React.createElement(React.Fragment, null);
}
export default withStyles(styles)(DictionarySearchHistory);