29 lines
741 B
TypeScript
29 lines
741 B
TypeScript
import { Theme } from "@material-ui/core/styles";
|
|
import TableCell from "@material-ui/core/TableCell";
|
|
import makeStyles from "@material-ui/styles/makeStyles";
|
|
import React from "react";
|
|
import { SortableHandle as SortableHandleHoc } from "react-sortable-hoc";
|
|
|
|
import Draggable from "@saleor/icons/Draggable";
|
|
|
|
const useStyles = makeStyles((theme: Theme) => ({
|
|
columnDrag: {
|
|
"&:first-child": {
|
|
paddingRight: theme.spacing.unit * 2
|
|
},
|
|
cursor: "grab",
|
|
width: 48 + theme.spacing.unit * 1.5
|
|
}
|
|
}));
|
|
|
|
const SortableHandle = SortableHandleHoc(() => {
|
|
const classes = useStyles({});
|
|
|
|
return (
|
|
<TableCell className={classes.columnDrag}>
|
|
<Draggable />
|
|
</TableCell>
|
|
);
|
|
});
|
|
|
|
export default SortableHandle;
|