fix blank tags when tags search field is empty

This commit is contained in:
zxawry 2019-08-29 16:51:31 +01:00 committed by Sean Yesmunt
parent 62c169273a
commit 664fa6671a

View file

@ -22,6 +22,8 @@ type Props = {
export default function TagSelect(props: Props) { export default function TagSelect(props: Props) {
const { unfollowedTags = [], followedTags = [], doToggleTagFollow, doAddTag, onSelect, suggestMature } = props; const { unfollowedTags = [], followedTags = [], doToggleTagFollow, doAddTag, onSelect, suggestMature } = props;
const [newTag, setNewTag] = useState(''); const [newTag, setNewTag] = useState('');
// Not old, just untouched
const [oldTag, setOldTag] = useState('');
let tags = unfollowedTags.slice(); let tags = unfollowedTags.slice();
if (newTag) { if (newTag) {
@ -42,12 +44,18 @@ export default function TagSelect(props: Props) {
const suggestedTransitions = useTransition(suggestedTags, tag => tag, unfollowedTagsAnimation); const suggestedTransitions = useTransition(suggestedTags, tag => tag, unfollowedTagsAnimation);
function onChange(e) { function onChange(e) {
setNewTag(e.target.value); setNewTag(e.target.value.trim());
setOldTag(e.target.value);
} }
function handleSubmit(e) { function handleSubmit(e) {
e.preventDefault(); e.preventDefault();
setNewTag(''); setNewTag('');
setOldTag('');
if (newTag.length <= 0) {
return;
}
if (onSelect) { if (onSelect) {
onSelect({ name: newTag }); onSelect({ name: newTag });
@ -78,7 +86,7 @@ export default function TagSelect(props: Props) {
onChange={onChange} onChange={onChange}
placeholder={__('Search for more tags')} placeholder={__('Search for more tags')}
type="text" type="text"
value={newTag} value={oldTag}
/> />
</Form> </Form>
<ul className="tags"> <ul className="tags">