open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tags input: save on enter

Browse Source
This commit is contained in:
James Grugett 2022-05-12 11:13:30 -04:00
parent 9a4e5763f5
commit 49f900b298
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/tags-input.tsx
View File

@ -15,9 +15,9 @@ export function TagsInput(props: { contract: Contract; className?: string }) {
const [isSubmitting, setIsSubmitting] = useState(false)
const updateTags = () => {
const updateTags = async () => {
setIsSubmitting(true)
updateContract(contract.id, {
await updateContract(contract.id, {
tags: newTags,
lowercaseTags: newTags.map((tag) => tag.toLowerCase()),
})
@ -37,6 +37,12 @@ export function TagsInput(props: { contract: Contract; className?: string }) {
disabled={isSubmitting}
value={tagText}
onChange={(e) => setTagText(e.target.value || '')}
onKeyDown={(e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault()
updateTags()
}
}}
/>
<button className="btn btn-xs btn-outline" onClick={updateTags}>
Save tags