mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-18 13:44:12 +00:00
refactor: remove unused code
This commit is contained in:
committed by
Alex Christoffer Rasmussen
parent
c5ff254267
commit
4058231d6b
@@ -1,51 +0,0 @@
|
||||
import { useVisibleRowsStore } from './visibleRowsStore';
|
||||
|
||||
let observer: IntersectionObserver | null = null;
|
||||
|
||||
function getObserver(): IntersectionObserver {
|
||||
if (!observer) {
|
||||
const options: IntersectionObserverInit = {
|
||||
root: null,
|
||||
rootMargin: '400px 0px', // prevent unmounting rows too early
|
||||
threshold: 0.25,
|
||||
};
|
||||
|
||||
const handleOnIntersect: IntersectionObserverCallback = (entries) => {
|
||||
const visibleRows = useVisibleRowsStore.getState();
|
||||
entries.forEach((entry) => {
|
||||
const targetId = entry.target.id;
|
||||
if (entry.isIntersecting) {
|
||||
visibleRows.addVisibleRow(targetId);
|
||||
} else {
|
||||
visibleRows.removeVisibleRow(targetId);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
observer = new IntersectionObserver(handleOnIntersect, options);
|
||||
}
|
||||
|
||||
return observer;
|
||||
}
|
||||
|
||||
/**
|
||||
* register a row element in the observer
|
||||
*/
|
||||
export function observeRow(element: HTMLElement) {
|
||||
getObserver().observe(element);
|
||||
}
|
||||
|
||||
/**
|
||||
* unregister a row element in the observer
|
||||
*/
|
||||
export function unobserveRow(element: HTMLElement) {
|
||||
getObserver().unobserve(element);
|
||||
}
|
||||
|
||||
/**
|
||||
* cleanup observer, should be called when the table component unmounts
|
||||
*/
|
||||
export function cleanup() {
|
||||
observer?.disconnect();
|
||||
observer = null;
|
||||
}
|
||||
-18
@@ -1,18 +0,0 @@
|
||||
import { create } from 'zustand';
|
||||
|
||||
interface VisibleRowsStore {
|
||||
visibleRows: Set<string>;
|
||||
addVisibleRow: (id: string) => void;
|
||||
removeVisibleRow: (id: string) => void;
|
||||
}
|
||||
|
||||
export const useVisibleRowsStore = create<VisibleRowsStore>((set) => ({
|
||||
visibleRows: new Set(),
|
||||
addVisibleRow: (id) => set((state) => ({ visibleRows: new Set(state.visibleRows).add(id) })),
|
||||
removeVisibleRow: (id) =>
|
||||
set((state) => {
|
||||
const newSet = new Set(state.visibleRows);
|
||||
newSet.delete(id);
|
||||
return { visibleRows: newSet };
|
||||
}),
|
||||
}));
|
||||
Reference in New Issue
Block a user