mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-03-22 08:58:11 +00:00
fix auth input
This commit is contained in:
@@ -12,7 +12,7 @@ const TagInput = ({ label, unique = true, values = [], placeholder = "", onChang
|
|||||||
editing: false,
|
editing: false,
|
||||||
})),
|
})),
|
||||||
);
|
);
|
||||||
|
//console.log(label, values, placeholder);
|
||||||
// Keep in sync if parent updates values
|
// Keep in sync if parent updates values
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const incoming = values || [];
|
const incoming = values || [];
|
||||||
@@ -82,29 +82,28 @@ const TagInput = ({ label, unique = true, values = [], placeholder = "", onChang
|
|||||||
};
|
};
|
||||||
|
|
||||||
const suggestionOptions = tagSuggestionList.map((tag) => {
|
const suggestionOptions = tagSuggestionList.map((tag) => {
|
||||||
|
const tagType = tag.split(":");
|
||||||
|
|
||||||
const tagType = tag.split(':');
|
let classes = "item";
|
||||||
|
|
||||||
let classes = 'item';
|
|
||||||
switch (tagType[0]) {
|
switch (tagType[0]) {
|
||||||
case 'type':
|
case "type":
|
||||||
classes = 'item type'
|
classes = "item type";
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'group':
|
case "group":
|
||||||
classes = 'item group'
|
classes = "item group";
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'meta':
|
case "meta":
|
||||||
classes = 'item meta'
|
classes = "item meta";
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'system':
|
case "system":
|
||||||
classes = 'item system'
|
classes = "item system";
|
||||||
break;
|
break;
|
||||||
|
|
||||||
default:
|
default:
|
||||||
classes = 'item'
|
classes = "item";
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -168,20 +167,21 @@ const TagInput = ({ label, unique = true, values = [], placeholder = "", onChang
|
|||||||
className="tagInput-dropdown"
|
className="tagInput-dropdown"
|
||||||
default=""
|
default=""
|
||||||
placeholder={placeholder}
|
placeholder={placeholder}
|
||||||
options={suggestionOptions}
|
options={label === "tags" ? suggestionOptions : []} // always array
|
||||||
autoSuggest={{
|
autoSuggest={
|
||||||
suggestMethod: "startsWith",
|
label === "tags"
|
||||||
clearAutoSuggestOnClick: true,
|
? {
|
||||||
filterOn: ["value", "title"],
|
suggestMethod: "startsWith",
|
||||||
}}
|
clearAutoSuggestOnClick: true,
|
||||||
onSelect={(value) => {
|
filterOn: ["value", "title"],
|
||||||
submitTag(value, null);
|
}
|
||||||
}}
|
: { suggestMethod: "includes", clearAutoSuggestOnClick: true, filterOn: [] } // empty filter
|
||||||
|
}
|
||||||
|
onSelect={(value) => submitTag(value)}
|
||||||
onEntry={(e) => {
|
onEntry={(e) => {
|
||||||
// Allow free typing + Enter
|
|
||||||
if (e.key === "Enter") {
|
if (e.key === "Enter") {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
submitTag(e.target.value, null);
|
submitTag(e.target.value);
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user