fix(list-widget): use the sortable handle (#1655)
This commit is contained in:
committed by
Shawn Erquhart
parent
cad676dbf3
commit
e215f6889c
@ -33,30 +33,31 @@ const DragIconContainer = styled(TopBarButtonSpan)`
|
|||||||
cursor: move;
|
cursor: move;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const ListItemTopBar = ({ className, collapsed, onCollapseToggle, onRemove, dragHandleHOC }) => {
|
const DragHandle = ({ dragHandleHOC }) => {
|
||||||
const DragHandle = dragHandleHOC(() => (
|
const Handle = dragHandleHOC(() => (
|
||||||
<DragIconContainer>
|
<DragIconContainer>
|
||||||
<Icon type="drag-handle" size="small" />
|
<Icon type="drag-handle" size="small" />
|
||||||
</DragIconContainer>
|
</DragIconContainer>
|
||||||
));
|
));
|
||||||
|
return <Handle />;
|
||||||
return (
|
|
||||||
<TopBar className={className}>
|
|
||||||
{onCollapseToggle ? (
|
|
||||||
<TopBarButton onClick={onCollapseToggle}>
|
|
||||||
<Icon type="chevron" size="small" direction={collapsed ? 'right' : 'down'} />
|
|
||||||
</TopBarButton>
|
|
||||||
) : null}
|
|
||||||
{dragHandleHOC ? <DragHandle dragHandleHOC={dragHandleHOC} /> : null}
|
|
||||||
{onRemove ? (
|
|
||||||
<TopBarButton onClick={onRemove}>
|
|
||||||
<Icon type="close" size="small" />
|
|
||||||
</TopBarButton>
|
|
||||||
) : null}
|
|
||||||
</TopBar>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const ListItemTopBar = ({ className, collapsed, onCollapseToggle, onRemove, dragHandleHOC }) => (
|
||||||
|
<TopBar className={className}>
|
||||||
|
{onCollapseToggle ? (
|
||||||
|
<TopBarButton onClick={onCollapseToggle}>
|
||||||
|
<Icon type="chevron" size="small" direction={collapsed ? 'right' : 'down'} />
|
||||||
|
</TopBarButton>
|
||||||
|
) : null}
|
||||||
|
{dragHandleHOC ? <DragHandle dragHandleHOC={dragHandleHOC} /> : null}
|
||||||
|
{onRemove ? (
|
||||||
|
<TopBarButton onClick={onRemove}>
|
||||||
|
<Icon type="close" size="small" />
|
||||||
|
</TopBarButton>
|
||||||
|
) : null}
|
||||||
|
</TopBar>
|
||||||
|
);
|
||||||
|
|
||||||
const StyledListItemTopBar = styled(ListItemTopBar)`
|
const StyledListItemTopBar = styled(ListItemTopBar)`
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
Reference in New Issue
Block a user