muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed tags effect loop

Browse source
This commit is contained in:
Fedor Katurov 2021-11-21 17:02:34 +07:00
parent 7284ed7301
commit 3090f3a306
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/tags/Tags/index.tsx
View file

@ -1,4 +1,4 @@
import React, { FC, HTMLAttributes, useCallback, useEffect, useMemo, useState } from 'react';
import React, { FC, HTMLAttributes, useCallback, useMemo, useState } from 'react';
import { TagField } from '~/components/containers/TagField';
import { ITag } from '~/redux/types';
import { uniq } from 'ramda';
@ -42,17 +42,18 @@ export const Tags: FC<IProps> = ({
}
onTagsChange(uniqueTags);
setData([]);
},
[data, onTagsChange, tags]
);
useEffect(() => {
setData(data.filter(title => !tags.some(tag => tag?.title?.trim() === title.trim())));
}, [data, tags]);
const onAppendTag = useCallback(
(created: string[]) => {
setData(uniq([...data, ...created]).filter(title => !tags.some(it => it.title === title)));
setData(
uniq([...data, ...created]).filter(
title => !tags.some(it => it.title?.trim() === title?.trim())
)
);
},
[data, setData, tags]
);