New: UI Updates, Tag manager, More custom filters (#437)

* New: UI Updates, Tag manager, More custom filters

* fixup! Fix ScanFixture Unit Tests

* Fixed: Sentry Errors from UI don't have release, branch, environment

* Changed: Bump Mobile Detect for New Device Detection

* Fixed: Build on changes to package.json

* fixup! Add MetadataProfile filter option

* fixup! Tag Note, Blacklist, Manual Import

* fixup: Remove connectSection

* fixup: root folder comment

frontend/src/InteractiveImport/Folder/RecentFolderRow.js

@@ -1,8 +1,11 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { icons } from 'Helpers/Props';
+import IconButton from 'Components/Link/IconButton';
 import TableRowButton from 'Components/Table/TableRowButton';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
+import styles from './RecentFolderRow.css';
 
 class RecentFolderRow extends Component {
 
@@ -13,6 +16,17 @@ class RecentFolderRow extends Component {
     this.props.onPress(this.props.folder);
   }
 
+  onRemovePress = (event) => {
+    event.stopPropagation();
+
+    const {
+      folder,
+      onRemoveRecentFolderPress
+    } = this.props;
+
+    onRemoveRecentFolderPress(folder);
+  }
+
   //
   // Render
 
@@ -27,6 +41,14 @@ class RecentFolderRow extends Component {
         <TableRowCell>{folder}</TableRowCell>
 
         <RelativeDateCellConnector date={lastUsed} />
+
+        <TableRowCell className={styles.actions}>
+          <IconButton
+            name={icons.REMOVE}
+            title="Remove"
+            onPress={this.onRemovePress}
+          />
+        </TableRowCell>
       </TableRowButton>
     );
   }
@@ -35,7 +57,8 @@ class RecentFolderRow extends Component {
 RecentFolderRow.propTypes = {
   folder: PropTypes.string.isRequired,
   lastUsed: PropTypes.string.isRequired,
-  onPress: PropTypes.func.isRequired
+  onPress: PropTypes.func.isRequired,
+  onRemoveRecentFolderPress: PropTypes.func.isRequired
 };
 
 export default RecentFolderRow;