diff options
author | Sam Wilkins <samwilkins333@gmail.com> | 2019-10-14 13:38:31 -0400 |
---|---|---|
committer | Sam Wilkins <samwilkins333@gmail.com> | 2019-10-14 13:38:31 -0400 |
commit | cc84f5620b3f3ef801e3b0696f817e4fb74f58fc (patch) | |
tree | a743f02dd80daea6ea37040ec2371db7acd1b7b8 /src/client/views/nodes/ColorBox.tsx | |
parent | fb3d1a66100e9ecf573031cfcafeb983f4ad5d5b (diff) | |
parent | 9d877a5d38a5574b6ab99c20d0c1718e0af964b5 (diff) |
merged with master
Diffstat (limited to 'src/client/views/nodes/ColorBox.tsx')
-rw-r--r-- | src/client/views/nodes/ColorBox.tsx | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/client/views/nodes/ColorBox.tsx b/src/client/views/nodes/ColorBox.tsx new file mode 100644 index 000000000..4aff770f9 --- /dev/null +++ b/src/client/views/nodes/ColorBox.tsx @@ -0,0 +1,16 @@ +import React = require("react"); +import { observer } from "mobx-react"; +import { SketchPicker } from 'react-color'; +import { FieldView, FieldViewProps } from './FieldView'; +import "./ColorBox.scss"; +import { InkingControl } from "../InkingControl"; + +@observer +export class ColorBox extends React.Component<FieldViewProps> { + public static LayoutString(fieldKey?: string) { return FieldView.LayoutString(ColorBox, fieldKey); } + render() { + return <div className="colorBox-container" > + <SketchPicker color={InkingControl.Instance.selectedColor} onChange={InkingControl.Instance.switchColor} /> + </div>; + } +}
\ No newline at end of file |