scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-11-11 10:46:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: adds cursor pointer to table column header (#1715)

Browse Source 
* fix: adds cursro pointer to table column header

* fix: lifts up the onclick handler to header not tag making consistent with other tables
This commit is contained in:
Ronit Panda
2023-09-25 15:55:03 +05:30
committed by GitHub
parent 0ff535af2d
commit 0ce11b6908
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/ui/board/components/BoardColumn.tsx
View File

@@ -97,8 +97,8 @@ export const BoardColumn = ({
return ( return (
<StyledColumn isFirstColumn={isFirstColumn}> <StyledColumn isFirstColumn={isFirstColumn}>
<StyledHeader> <StyledHeader onClick={handleTitleClick}>
<Tag onClick={handleTitleClick} color={color ?? 'gray'} text={title} /> <Tag color={color ?? 'gray'} text={title} />
{!!totalAmount && <StyledAmount>${totalAmount}</StyledAmount>} {!!totalAmount && <StyledAmount>${totalAmount}</StyledAmount>}
<StyledNumChildren>{numChildren}</StyledNumChildren> <StyledNumChildren>{numChildren}</StyledNumChildren>
</StyledHeader> </StyledHeader>

8
front/src/modules/ui/table/components/EntityTableHeader.tsx
View File

@@ -72,6 +72,10 @@ const StyledEntityTableColumnMenu = styled(EntityTableColumnMenu)`
z-index: ${({ theme }) => theme.lastLayerZIndex}; z-index: ${({ theme }) => theme.lastLayerZIndex};
`; `;
const StyledTableHead = styled.thead`
cursor: pointer;
`;
export const EntityTableHeader = () => { export const EntityTableHeader = () => {
const [resizeFieldOffset, setResizeFieldOffset] = useRecoilState( const [resizeFieldOffset, setResizeFieldOffset] = useRecoilState(
resizeFieldOffsetState, resizeFieldOffsetState,
@@ -155,7 +159,7 @@ export const EntityTableHeader = () => {
}, []); }, []);
return ( return (
<thead data-select-disable> <StyledTableHead data-select-disable>
<tr> <tr>
<th <th
style={{ style={{
@@ -214,6 +218,6 @@ export const EntityTableHeader = () => {
)} )}
</th> </th>
</tr> </tr>
</thead> </StyledTableHead>
); );
}; };