IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common:Tags: fix display tags when columnCount === 0

Browse Source
This commit is contained in:
TimofeyBoyko 2022-07-04 16:04:34 +03:00
parent 5789eb1f1f
commit e8a1808711
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/asc-web-common/components/Tags/index.js
View File

@ -10,7 +10,7 @@ const Tags = ({ id, className, style, tags, columnCount }) => {
const tagsRef = React.useRef(null);
const updateRenderedTags = React.useCallback(() => {
if (tags && tagsRef && columnCount) {
if (tags && tagsRef) {
const newTags = [];
const containerWidth = tagsRef.current.offsetWidth;
@ -29,7 +29,7 @@ const Tags = ({ id, className, style, tags, columnCount }) => {
newTags.push(tag);
}
} else {
if (tags.length === columnCount + 1) {
if (tags.length === columnCount + 1 && columnCount !== 0) {
const currentTagMaxWidth =
(containerWidth - tags.length * 4) / tags.length;
@ -55,10 +55,12 @@ const Tags = ({ id, className, style, tags, columnCount }) => {
(currentTagMaxWidth / containerWidth) * 100
);
for (let i = 0; i < columnCount; i++) {
const tag = { name: tags[i], maxWidth: `${maxWidthPercent}%` };
if (columnCount !== 0) {
for (let i = 0; i < columnCount; i++) {
const tag = { name: tags[i], maxWidth: `${maxWidthPercent}%` };
newTags.push(tag);
newTags.push(tag);
}
}
newTags.push(tagWithDropdown);