OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix lint errors

Browse Source
This commit is contained in:
lukylix 2023-07-07 18:51:14 +02:00
parent 79386c10e0
commit 4b3e24038c
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/services/widget/container.jsx
View File

@ -49,7 +49,8 @@ export default function Container({ error = false, children, service }) {
useEffect(() => {
const resizeObserver = new ResizeObserver((entries) => {
for (let entry of entries) {
for (let i = 0; i < entries.length; i += 1) {
const entry = entries[i];
const { width } = entry.contentRect;
const remSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
@ -58,10 +59,10 @@ export default function Container({ error = false, children, service }) {
if (numberOfChildren > 1 && remWidth > 12) {
if (numberOfChildren <= maxChildrenFit) return setChildrensToSlice(0);
const childrensToSlice = remWidth / 6 > 1 ? parseInt(numberOfChildren / maxChildrenFit) : 0;
setChildrensToSlice(childrensToSlice);
setChildrensToSlice(remWidth / 6 > 1 ? parseInt(numberOfChildren / maxChildrenFit, 10) : 0);
}
}
return true;
});
if (containerRef.current) {
@ -71,7 +72,7 @@ export default function Container({ error = false, children, service }) {
return () => {
resizeObserver.disconnect();
};
}, []);
}, [numberOfChildren]);
if (error) {
if (settings.hideErrors || service.widget.hide_errors) {
@ -86,9 +87,7 @@ export default function Container({ error = false, children, service }) {
<div className={`relative grid p-1 gap-2 w-full auto-rows-max ${subColumnsClassMap[numberOfChildren]}`}>
{childrensTopRows}
{childrensToSlice > 0 && (
<div
className={`relative grid col-span-full p-1 gap-2 w-full auto-rows-max grid-cols-[repeat(auto-fit,minmax(6rem,1fr))]`}
>
<div className="relative grid col-span-full p-1 gap-2 w-full auto-rows-max grid-cols-[repeat(auto-fit,minmax(6rem,1fr))]">
{childrensBottomRows}
</div>
)}