refactor: convert function expressions to declarations (#4926)
This commit is contained in:
committed by
GitHub
parent
c0236536dd
commit
141a2eba56
@ -5,14 +5,16 @@ import ChromePicker from 'react-color';
|
||||
import validateColor from 'validate-color';
|
||||
import { zIndex } from 'netlify-cms-ui-default';
|
||||
|
||||
const ClearIcon = () => (
|
||||
<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false">
|
||||
<path
|
||||
fill="rgb(122, 130, 145)"
|
||||
d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
||||
></path>
|
||||
</svg>
|
||||
);
|
||||
function ClearIcon() {
|
||||
return (
|
||||
<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false">
|
||||
<path
|
||||
fill="rgb(122, 130, 145)"
|
||||
d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
|
||||
></path>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
|
||||
const ClearButton = styled.div`
|
||||
position: absolute;
|
||||
|
@ -2,7 +2,9 @@ import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { WidgetPreviewContainer } from 'netlify-cms-ui-default';
|
||||
|
||||
const ColorPreview = ({ value }) => <WidgetPreviewContainer>{value}</WidgetPreviewContainer>;
|
||||
function ColorPreview({ value }) {
|
||||
return <WidgetPreviewContainer>{value}</WidgetPreviewContainer>;
|
||||
}
|
||||
|
||||
ColorPreview.propTypes = {
|
||||
value: PropTypes.node,
|
||||
|
@ -1,12 +1,14 @@
|
||||
import controlComponent from './ColorControl';
|
||||
import previewComponent from './ColorPreview';
|
||||
|
||||
const Widget = (opts = {}) => ({
|
||||
name: 'color',
|
||||
controlComponent,
|
||||
previewComponent,
|
||||
...opts,
|
||||
});
|
||||
function Widget(opts = {}) {
|
||||
return {
|
||||
name: 'color',
|
||||
controlComponent,
|
||||
previewComponent,
|
||||
...opts,
|
||||
};
|
||||
}
|
||||
|
||||
export const NetlifyCmsWidgetColorString = { Widget, controlComponent, previewComponent };
|
||||
export default NetlifyCmsWidgetColorString;
|
||||
|
Reference in New Issue
Block a user