fix blank tags when tags search field is empty
This commit is contained in:
parent
62c169273a
commit
664fa6671a
1 changed files with 10 additions and 2 deletions
|
@ -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">
|
||||||
|
|
Loading…
Add table
Reference in a new issue