diff --git a/ui/component/tagsSearch/index.js b/ui/component/tagsSearch/index.js
index a5eefcc86..c280b852a 100644
--- a/ui/component/tagsSearch/index.js
+++ b/ui/component/tagsSearch/index.js
@@ -4,9 +4,9 @@ import { doToggleTagFollowDesktop, doAddTag, doDeleteTag } from 'redux/actions/t
import { selectUser } from 'redux/selectors/user';
import DiscoveryFirstRun from './view';
-const select = state => ({
- unfollowedTags: selectUnfollowedTags(state),
- followedTags: selectFollowedTags(state),
+const select = (state, props) => ({
+ unfollowedTags: props.unfollowedTags || selectUnfollowedTags(state),
+ followedTags: props.followedTags || selectFollowedTags(state),
user: selectUser(state),
});
diff --git a/ui/component/tagsSearch/view.jsx b/ui/component/tagsSearch/view.jsx
index 2f3a02478..a903cf567 100644
--- a/ui/component/tagsSearch/view.jsx
+++ b/ui/component/tagsSearch/view.jsx
@@ -14,11 +14,14 @@ type Props = {
doToggleTagFollowDesktop: (string) => void,
doAddTag: (string) => void,
onSelect?: (Tag) => void,
+ hideSuggestions?: boolean,
suggestMature?: boolean,
disableAutoFocus?: boolean,
onRemove: (Tag) => void,
placeholder?: string,
label?: string,
+ labelAddNew?: string,
+ labelSuggestions?: string,
disabled?: boolean,
limitSelect?: number,
limitShow?: number,
@@ -44,10 +47,13 @@ export default function TagsSearch(props: Props) {
doAddTag,
onSelect,
onRemove,
+ hideSuggestions,
suggestMature,
disableAutoFocus,
placeholder,
label,
+ labelAddNew,
+ labelSuggestions,
disabled,
limitSelect = TAG_FOLLOW_MAX,
limitShow = 5,
@@ -189,31 +195,33 @@ export default function TagsSearch(props: Props) {
type="text"
value={newTag}
disabled={disabled}
- label={__('Add Tags')}
+ label={labelAddNew || __('Add Tags')}
/>
-
-
-
- {Boolean(newTag.length) && !suggestedTags.includes(newTag) && (
- handleSubmit(e) : (e) => handleTagClick(newTag)}
- />
- )}
- {suggestedTags.map((tag) => (
- handleTagClick(tag)}
- />
- ))}
-
-
+ {!hideSuggestions && (
+
+
+
+ {Boolean(newTag.length) && !suggestedTags.includes(newTag) && (
+ handleSubmit(e) : (e) => handleTagClick(newTag)}
+ />
+ )}
+ {suggestedTags.map((tag) => (
+ handleTagClick(tag)}
+ />
+ ))}
+
+
+ )}
{experimentalFeature &&
onSelect && ( // onSelect ensures this does not appear on TagFollow