nils/papercrate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

typescript

Browse Source
This commit is contained in:
nils
2025-11-13 02:37:16 +01:00
parent ada089c05b
commit 6d55e61cee
43 changed files with 923 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/BreadcrumbTrail.tsx
+10 -6
View File
@@ -39,9 +39,9 @@ const BreadcrumbTrail = ({
() => (shouldTruncateFromStart ? normalized : normalized.slice().reverse()),
[normalized, shouldTruncateFromStart],
);
const containerRef = useRef(null);
const measurementRef = useRef(null);
const ellipsisButtonRef = useRef(null);
const containerRef = useRef<HTMLDivElement | null>(null);
const measurementRef = useRef<HTMLDivElement | null>(null);
const ellipsisButtonRef = useRef<HTMLButtonElement | null>(null);
const [availableWidth, setAvailableWidth] = useState(null);
const [startIndex, setStartIndex] = useState(0);
const measureRafRef = useRef(null);
@@ -139,13 +139,17 @@ const BreadcrumbTrail = ({
return;
}
const entryNodes = Array.from(measurement.querySelectorAll('[data-item-type="entry"]'));
const entryNodes = Array.from(
measurement.querySelectorAll('[data-item-type="entry"]'),
) as HTMLElement[];
if (!entryNodes.length) {
return;
}
const separatorNodes = Array.from(measurement.querySelectorAll('[data-item-type="separator"]'));
const ellipsisNode = measurement.querySelector('[data-item-type="ellipsis"]');
const separatorNodes = Array.from(
measurement.querySelectorAll('[data-item-type="separator"]'),
) as HTMLElement[];
const ellipsisNode = measurement.querySelector('[data-item-type="ellipsis"]') as HTMLElement | null;
const originalEntryDisplay = entryNodes.map((node) => node.style.display);
const originalSeparatorDisplay = separatorNodes.map((node) => node.style.display);