twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-12-21 10:51:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix filter and sort position on board horizontal scroll (#1386)

Browse Source 
Closes #1354
This commit is contained in:
Thaïs 2023-09-01 11:54:34 +02:00 committed by GitHub
parent 240edda25c
commit 5653b89114
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/board/components/EntityBoard.tsx
View File

@ -30,8 +30,10 @@ import { BoardOptions } from '../types/BoardOptions';
import { EntityBoardColumn } from './EntityBoardColumn'; import { EntityBoardColumn } from './EntityBoardColumn';
const StyledCustomScrollWrapper = styled(ScrollWrapper)` const StyledWrapper = styled.div`
display: flex;
flex-direction: column; flex-direction: column;
width: 100%;
`; `;
export function EntityBoard({ export function EntityBoard({
@ -105,7 +107,7 @@ export function EntityBoard({
const boardRef = useRef<HTMLDivElement>(null); const boardRef = useRef<HTMLDivElement>(null);
return (boardColumns?.length ?? 0) > 0 ? ( return (boardColumns?.length ?? 0) > 0 ? (
<StyledCustomScrollWrapper> <StyledWrapper>
<BoardHeader <BoardHeader
viewName="All opportunities" viewName="All opportunities"
viewIcon={<IconList size={theme.icon.size.md} />} viewIcon={<IconList size={theme.icon.size.md} />}
@ -113,6 +115,7 @@ export function EntityBoard({
onSortsUpdate={updateSorts} onSortsUpdate={updateSorts}
context={CompanyBoardRecoilScopeContext} context={CompanyBoardRecoilScopeContext}
/> />
<ScrollWrapper>
<StyledBoard ref={boardRef}> <StyledBoard ref={boardRef}>
<DragDropContext onDragEnd={onDragEnd}> <DragDropContext onDragEnd={onDragEnd}>
{sortedBoardColumns.map((column) => ( {sortedBoardColumns.map((column) => (
@ -131,11 +134,12 @@ export function EntityBoard({
))} ))}
</DragDropContext> </DragDropContext>
</StyledBoard> </StyledBoard>
</ScrollWrapper>
<DragSelect <DragSelect
dragSelectable={boardRef} dragSelectable={boardRef}
onDragSelectionChange={setCardSelected} onDragSelectionChange={setCardSelected}
/> />
</StyledCustomScrollWrapper> </StyledWrapper>
) : ( ) : (
<></> <></>
); );