admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: table virtualization (#1408)

Browse Source 
* feat: poc table virtualization

* feat: table virtualization

* feat: add overscan of 15

* fix: increase overscan to 50

* fix: dead code

* fix: debug mode

* feat: styled space
This commit is contained in:
Jérémy M
2023-09-04 13:33:02 +02:00
committed by GitHub
parent 9a35b1fa44
commit 3a0f02f2f2
7 changed files with 112 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/modules/ui/utilities/scroll/components/ScrollWrapper.tsx
View File

@ -1,8 +1,12 @@
import { useRef } from 'react';
import { createContext, RefObject, useRef } from 'react';
import styled from '@emotion/styled';
import { useListenScroll } from '../hooks/useListenScroll';
export const ScrollWrapperContext = createContext<RefObject<HTMLDivElement>>({
current: null,
});
const StyledScrollWrapper = styled.div`
display: flex;
height: 100%;
@ -28,8 +32,10 @@ export function ScrollWrapper({ children, className }: ScrollWrapperProps) {
});
return (
<StyledScrollWrapper ref={scrollableRef} className={className}>
{children}
</StyledScrollWrapper>
<ScrollWrapperContext.Provider value={scrollableRef}>
<StyledScrollWrapper ref={scrollableRef} className={className}>
{children}
</StyledScrollWrapper>
</ScrollWrapperContext.Provider>
);
}