/* * Backend tags list have changed add the changes if needed */ useEffect(() => { setTagsList(setTagsAdded); }, [setTagsAdded]); /* * Backend files have changed add the changes if needed */ useEffect(() => { for (let i = 0; i < changedFilesMeta.length; i += 1) { // Is the list item value changed if (changedFilesMeta[i].id === currentEditableFile.id) { unstable_batchedUpdates(() => { setTags(changedFilesMeta[i].tags ? changedFilesMeta[i].tags : []); }); } } }, [changedFilesMeta]); /* * Reset when user select new files using the filepicker */ useEffect(() => { if (setNewFiles.length > 0) { unstable_batchedUpdates(() => { setCurrentFile(null); setDescription(''); setTitle(''); setTags([]); }); } }, [setNewFiles]); /* * User selecet to edit a file, change to that file */ useEffect(() => { // When user select a file to edit it if (currentEditableFile && currentEditableFile !== theCurrentFile) { setCurrentFile(currentEditableFile); unstable_batchedUpdates(() => { setDescription(currentEditableFile.description); setTitle(currentEditableFile.title); setTags(currentEditableFile.tags); }); } }, [currentEditableFile]);