fix(grayscale): fix GrayScale

Author: Gitlab-CI

src/filters/Grayscale.js renamed to src/filters/GrayScale.js

@@ -2,7 +2,7 @@ export { default as Blur } from './Blur';
 export { default as Brightness } from './Brightness';
 export { default as Contrast } from './Contrast';
 export { default as DropShadow } from './DropShadow';
-export { default as Grayscale } from './Grayscale';
+export { default as GrayScale } from './GrayScale';
 export { default as HueRotate } from './HueRotate';
 export { default as Invert } from './Invert';
 export { default as Opacity } from './Opacity';

src/filters/index.js

@@ -1,23 +1,23 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import { ThemeProvider } from 'styled-components';
-import Grayscale from '../Grayscale';
+import GrayScale from '../GrayScale';
 import theme from '../../theme';
 
-const renderComponent = (EffectComponent = Grayscale, props = {}) => mount(
+const renderComponent = (EffectComponent = GrayScale, props = {}) => mount(
   <ThemeProvider theme={theme}>
     <EffectComponent {...props} />
   </ThemeProvider>
 );
 
 
-describe('Grayscale', () => {
+describe('GrayScale', () => {
   let children;
   beforeAll(() => {
     children = (<h1>Test</h1>);
   });
-  it('should render Grayscale', () => {
-    const renderedComponent = renderComponent(Grayscale, { children });
+  it('should render GrayScale', () => {
+    const renderedComponent = renderComponent(GrayScale, { children });
     expect(renderedComponent.length).toBe(1);
   });
 });

src/filters/tests/Grayscale.test.js renamed to src/filters/tests/GrayScale.test.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import { ThemeProvider } from 'styled-components';
 import theme from '../../theme';
-import { Blur, Contrast, Brightness, Grayscale, HueRotate, Invert, Opacity, Saturate, Sepia, DropShadow } from '../index';
+import { Blur, Contrast, Brightness, GrayScale, HueRotate, Invert, Opacity, Saturate, Sepia, DropShadow } from '../index';
 
 const renderComponent = (EffectComponent = Blur, props = {}) => mount(
   <ThemeProvider theme={theme}>
@@ -37,8 +37,8 @@ describe('filters', () => {
     });
     expect(renderedComponent.length).toBe(1);
   });
-  it('should render a <Grayscale> tag', () => {
-    const renderedComponent = renderComponent(Grayscale, {
+  it('should render a <GrayScale> tag', () => {
+    const renderedComponent = renderComponent(GrayScale, {
       children,
     });
     expect(renderedComponent.length).toBe(1);

src/filters/tests/index.test.js

@@ -1,4 +1,4 @@
-export { Blur, Contrast, Brightness, Grayscale, HueRotate, Invert, Opacity, Sepia, Saturate, DropShadow } from './filters/index';
+export { Blur, Contrast, Brightness, GrayScale, HueRotate, Invert, Opacity, Sepia, Saturate, DropShadow } from './filters/index';
 export { Bounce, BounceDown, BounceUp, BounceLeft, BounceRight } from './bounce';
 export { FadeIn, FadeInDown, FadeInUp, FadeInLeft, FadeInRight } from './fade/index';
 export { Flip, FlipX, FlipY } from './flip';

src/index.js

@@ -2,7 +2,7 @@ import {
   Blur,
   Brightness,
   Contrast,
-  Grayscale,
+  GrayScale,
   HueRotate,
   Invert,
   Opacity,
@@ -204,9 +204,9 @@ export default {
     name: 'Contrast',
     tag: Contrast,
   },
-  grayscale: {
-    name: 'Grayscale',
-    tag: Grayscale,
+  grayScale: {
+    name: 'GrayScale',
+    tag: GrayScale,
   },
   hueRotate: {
     name: 'HueRotate',