marketing-shibata50/tududi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tags element broken in task and note modals

Browse source
This commit is contained in:
Chris Veleris 2025-07-23 14:23:56 +03:00 • committed by Chris
parent 710ef166da
commit c7bf87a66b
3 changed files with 111 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

44
frontend/components/Note/NoteModal.tsx
View file

@ -43,7 +43,13 @@ const NoteModal: React.FC<NoteModalProps> = ({
}) => {
const { t } = useTranslation();
const {
tagsStore: { tags: availableTagsStore },
tagsStore: {
tags: availableTagsStore,
hasLoaded: tagsLoaded,
isLoading: tagsLoading,
isError: tagsError,
loadTags,
},
} = useStore();
const [formData, setFormData] = useState<Note>(
note || {
@ -139,6 +145,13 @@ const NoteModal: React.FC<NoteModalProps> = ({
}
}, [isOpen, note, memoizedProjects]);
// Load tags when modal opens if not already loaded
useEffect(() => {
if (isOpen && !tagsLoaded && !tagsLoading && !tagsError) {
loadTags();
}
}, [isOpen, tagsLoaded, tagsLoading, tagsError, loadTags]);
const handleClose = useCallback(() => {
setIsClosing(true);
setTimeout(() => {
@ -482,15 +495,26 @@ const NoteModal: React.FC<NoteModalProps> = ({
<h3 className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">
{t('forms.tags')}
</h3>
<TagInput
onTagsChange={
handleTagsChange
}
initialTags={tags}
availableTags={
availableTagsStore
}
/>
{tagsLoaded ? (
<TagInput
onTagsChange={
handleTagsChange
}
initialTags={
tags
}
availableTags={
availableTagsStore
}
/>
) : (
<div className="text-gray-500 text-sm">
{t(
'common.loading',
'Loading...'
)}
</div>
)}
</div>
)}