rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: TagInput component values initialization

Browse source
This commit is contained in:
Flavio Mastrangelo 2025-02-25 20:40:39 +01:00
parent 60ae7706bd
commit 593177f6e1
1 changed files with 23 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

31
apps/web/components/Objects/StyledElements/Form/TagInput.tsx
View file

@ -1,4 +1,4 @@
import React, { useState, Dispatch, SetStateAction } from 'react'
import React, { useState, Dispatch, SetStateAction, useEffect } from 'react'
import { Tag, TagInput } from 'emblor'
interface FormTagInputProps {
@ -16,14 +16,29 @@ const FormTagInput = ({
error,
placeholder,
}: FormTagInputProps) => {
const initialTags = value
? value.split(separator).map((text, i) => ({
id: i.toString(),
text: text.trim(),
}))
: []
const [tags, setTags] = useState<Tag[]>(() =>
value && typeof value === 'string'
? value.split(separator).filter(text => text.trim()).map((text, i) => ({
id: i.toString(),
text: text.trim(),
}))
: []
);
useEffect(() => {
if (value && typeof value === 'string') {
const newTags = value.split(separator)
.filter(text => text.trim())
.map((text, i) => ({
id: i.toString(),
text: text.trim(),
}));
setTags(newTags);
} else {
setTags([]);
}
}, [value, separator]);
const [tags, setTags] = useState<Tag[]>(initialTags)
const [activeTagIndex, setActiveTagIndex] = useState<number | null>(null)
const handleTagsChange: Dispatch<SetStateAction<Tag[]>> = (